td 標籤 -- 代表HTML表格中的一個儲存格
td標籤是成對出現的,以<td>開始,</td>結束
屬性
Common -- 一般屬性
abbr -- 代表表頭的簡寫
axis -- 對儲存格在概念上分類
colspan -- 一行跨越多列
headers -- 串連表格的資料與表頭
rowspan -- 一列跨越多行
scope -- 定義行或列的表頭
align -- 代表水平對齊(left(靠左對齊) | center(置中對齊) | right(靠右對齊) | justify)(此屬性應該使用CSS實現)
valign -- 代表垂直對齊(top(頂部對齊) | middle(中部對齊) | bottom(下部對齊) | baseline(基準對齊))(此屬性應該使用CSS實現)
在 js中得到<td></td>中的值
<td id="td1"></td>
在js中
document.getElementById("td1").innerHTML = "adfasdf";
innerHTML 屬性的使用非常流行,因為他提供了簡單的方法完全替代一個 HTML 元素的內容。另外一個方法是使用 DOM Level 2 API(removeChild, createElement, appendChild)。但很顯然,使用 innerHTML 修改 DOM tree 是非常容易且有效方法。然而,你需要知道 innerHTML 有一些自身的問題:
當 HTML 字串包含一個標記為 defer 的 script 標籤(<script defer>…</script>)時,如 innerHTML 屬性處理不當,在 Internet Explorer 上會引起指令碼插入式攻擊。
設定 innerHTML 將會破壞現有的登入了事件處理函數的 HTML 元素,會在某些瀏覽器上引起記憶體泄露的潛在危險。
還有幾個其他次要的缺點,也值得一提的:
你不能得到剛剛建立的元素的引用,需要你手動添加代碼才能取得那些引用(使用 DOM APIs)。
你不能在所有瀏覽器的所有 HTML 元素上設定 innerHTML 屬性(比如,Internet Explorer 不允許你在表格的行元素上設定innerHTML 屬性)。