一.什么是DOM ?
1.DOM 是由W3C组织提出的标准。
2.DOM 是一种XML(extend 可扩展标记语言)文档的解析标准。
3.DOM 提供相应的API(应用程序编程接口),可以对节点树进行增删改查。
4.利用DOM 可以让JavaScript 对网页中的元素进行控制,实现动态网页的功能。
5.它是一个与平台和语言无关的编程接口,它允许程序和脚本动态地访问,更新文档的内容,结构和样式。
二.访问指定节点的方法:
1.getElementsByTagName(); 用来返回一个包含所有的tsgName(标记名)特性等于某个指定值的元素的NodeList.
2.getElementsByName();用来获取所有的name属性等于指定值的元素。
3.getElementsById();
三. innerHTML
innerHTML:内容插入元素标记中间,Table 和 Select 不支持。
innerHTML 显示代码, innerText 显示纯文本。
nodeName:节点名字 nodeValue:节点的值 nodeType:节点类型 childNodes:所有子节点列表
attributes:元素节点的属性对象集合 appendChild(node):添加元素节点到childNodes中
removeChild(node):删除节点 replaceChild(newNode,oldNode):替换节点
innerBefore(newNode,refNode): 在refNode前插入节点
四.操作table的更好方法
1.rows 表格的所有<tr>集合
2.deleteRow(pos):删除指定位置的<tr>节点
3.insertRow(pos):在指定位置插入<tr>节点
4.cells:<tr>节点中的所有<td>集合
5.deleteCell(pos): 删除指定位置上的<td>节点
6.insertCell(pos):在指定位置插入一个<td>节点