文章目錄

  • DOM編程（二）
  • 一、DOM元素特性
  • 二、table對象
  • 三、創建DOM對象
  • 四、修改DOM對象

DOM編程（二）

一、DOM元素特性

element.attributes： 返回元素的所有特性
element.getAttribute(name)： 獲取元素的指定特性
element.setAttribute(name,value)： 設置元素的指定特性
element.removeAttribute(name)： 刪除元素的指定特性

特性和屬性的區別
理論上，特性 (attribute) 與屬性 (property) 是兩個不同的概念，特性 (attribute) 是DOM元素的子節點，屬性 (property) 是DOM元素的特性映射到JS後對應對象的屬性 (property) 。實際使用中，可以忽略兩者的區別

element的textarea中autosize不生效_刪除元素

二、table對象

table為DOM元素中的一個特別對象，擁有一系列獨有的屬性和方法

table對象的屬性和方法

element的textarea中autosize不生效_刪除元素_02


tableRow對象的屬性和方法

element的textarea中autosize不生效_刪除元素_03


tableCell對象的屬性和方法

element的textarea中autosize不生效_刪除元素_04

三、創建DOM對象

document.createElement(TagName)： 創建一個元素節點
document.createTextNode(文本內容)： 創建一個文本節點
element.appendChild(子節點)： 向父元素末尾添加子節點

element的textarea中autosize不生效_#js_05

var ul = document.createElement('ul')
var li = document.createElement('li')
var text = document.createTextNode( '蘋果')
ul.appendChild( li)
li.appendChild(text)
document.body.appendChild(ul)

四、修改DOM對象

element.removeChild(子節點)： 刪除一個子節點
element.replaceChild(新節點,舊節點)： 替換一個子節點
element.insertBefore(新節點,已有節點)： 在已有的子節點前插入一個新的子節點