DOM特性

1.访问文档中元素

 (1) document.getElementById('id'):获取给定id的元素,并将其作为对象。

 (2) document.getElementsByTagName('tagname'):获取所有标签名为tagname的元素,并把它保存在一个类似数组的列表中。

2.读取元素的属性、节点值及其他节点数据

 (1) node.getAttribute('attribute'):获取属性名为attribute的值。

 (2) node.setAttribute('attribute',"value"): 设置属性名为attribute的值为value。

 (3) node.nodeType:读取节点类型(1=元素,2=属性节点,3=文本节点)。

 (4) node.nodeName:读取节点名称(元素名称、属性名称和#text等)

 (5) node.nodeValue:读取或设置节点的值(文本节点的情况下则为文本内容)。

3.节点之间操作:

 (1)node.previousSibling:获取上一个兄弟节点,并将它保存为一个对象。

 (2)node.nextSibling:获取下一个兄弟节点,并将它保存为一个对象。

 (3)node.childNodes:获取对象的所有子节点,并把它们存储到一个列表中,对于第一个和最后一个子节点,还可以使用node.firstChild和node.lastChild进行简写。

 (4)node.parentNode:获取包含node的父节点。

4.创建新节点:

 (1)document.createElement(element):创建一个名字为element的新元素。

 (2)document.createTextNode(string):创建一个节点值为string的文本节点。

 (3)newNode=node.cloneNode(bool):创建newNode节点作为node的副本。如果bool值为true,这个副本将包括原节点的所有子节点和属性。

 (4)node.appendChild(newNode):将newNode作为子节点,添加在node所有子节点之后。

 (5)node.insertBefore(newNode,oldNode):在node节点的子节点oldNode之前插入newNode。

 (6)node.removeChild(oldNode):移除node节点的子节点oldNode。

 (7)node.replaceChild(newNode,oldNode):使用节点newNode替换node节点的子节点oldNode。

 (8)element.innerHTML:读写给定element的HTML内容,它是一个字符串。

阅读更多
文章标签: dom
个人分类: HTML之菜鸟篇
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

DOM特性

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭