js-14

DOM编程（二）

操作DOM

DOM元素特性

每个DOM元素都有一或多个特性，特性用来给出相应元素或其内容的附加信息，特性名称不区分大小写。
特性设置：通过在HTML文档标签中设置attributeName='value'，或者通过element.setAttribute('attributeName','value')设置；
特性访问：通过element.getAttribute(attributeName)取得特性值；
删除特性：通过方法element.removeAttribute()。
特性有公认特性（如id,class,title,lang,dir）和自定义特性。需要注意的是，根据HTML5规范，自定义特性要加上data-前缀以便验证。
此外，通过element.attributes可以访问元素的所有特性，包括公认特性和自定义特性，结果是一个NameNodeMap，类似NodeList，是一个“动态”集合。

理论上，特性(attribute)与属性(property)是两个不同的概念，特性(attribute)是DOM元素的子节点，属性(property)是DOM元素的特性映射到JS后对应对象的属性(property)。

table对象

table为DOM元素中的一个特别对象，拥有一系列独有的属性和方法

table对象的属性和方法

创建DOM对象

document.createElement(TagName)
创建一个元素节点

document.createTextNode(文本内容)
创建一个文本节点

element.appendChild(子节点)
向父元素末尾添加子节点

修改DOM对象

element.removeChild(子节点)
删除一个子节点

element.replaceChild(新节点,旧节点)
替换一个子节点

element.insertBefore(新节点, 已有节点)
在已有的子节点前插入一个新的子节点