DOM小结

读取文档中的元素
document.getElementById('id'):
获取给你id的元素,并将其作为对象
document.getElementByTagName('tagname'):
获取所有标签为tagname的元素,并把它保存在一个类似数组的列表中.
读取元素的属性、节点值及其他节点数据
node.getAttribute('attribute'):
获取属性名为attribute的值.
node.setAttribute('attribute','value'):
设置属性名为attribute的值为value.
node.nodeType:
读取节点类型(1=元素,3=文本节点).
node.nodeName:
读取节点名称(元素名字或#textNode).
node.nodeValue:
读取或设置节点的值(文本节点的情况下则为文本内容).
节点间的操作
node.previousSibling:
获取上一个兄弟节点,并将它保存为一个对象.
node.nextSibling:
获取下一个兄弟节点,并将它保存为一个对象.
node.childNodes:
获取对象的所有子节点,并将它们存储到一个列表中.对于第一个和最后一个子节点,还可以使用node.firstChild和node.lastChild进行简写.
node.parentNode:
获取包含node的节点.
创建新节点
document.createElement(element):创建一个名字为element的新元素,需要提供一个字符串形式的元素名.
document.createTextNode(string):创建一二节点值为string的文本节点.
newNode=node.cloneNode(bool):创建newNode节点作为node的副本(克隆).如果bool值为true,这个克隆将包括原节点的所有子节点和属性的克隆.
node.appendChild(newNode):将newNode作为子节点,添加在node所有子节点之后
node.insertBefore(newNode,oleNode):在node节点的子节点oleNode之前插入newNode.
node.remmoveChild(oldNode):移除node节点的子节点oleNode.
node.replaceChild(newNode,oleNode):使用节点newNode替换node节点的子节点oldNode
element.innerHTML:读写给定element的HTML内容,它是一个字符串,包括所有子节点及它们的属性和文本内容.

最后

以上就是清爽睫毛膏为你收集整理的DOM小结的全部内容，希望文章能够帮你解决DOM小结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。