javascript 节点应用小结

1.访问文档中元素
document.getElementById('id'):获取给定id的元素,并将其作为对象
document.getElementsByTagName('tagname'):获取所有标签名为tagname的元素,并把它保存在一个类似数组的列表中。

2.读取元素的属性、节点值及其他节点数据
node.getAttribute('attribute'):获取属性名为attribute的值
node.setAttribute('attribute','value'): 设置属性名为attribute的值为value
node.nodeType:读取节点类型(1=元素,3=文本节点)
node.nodeName:读取节点名称(元素名字或#textNode)。
node.nodeValue:读取或设置节点的值(文本节点的情况下则为文本内容)。

3.节点之间操作
node.previousSibling: 获取上一个兄弟节点,并将他保存为一个对象
node.nextSibling: 获取下一个兄弟节点,并将他保存为一个对象
node.childNodes: 获取对象的所有子节点,并把它们存储到一个列表中。 对于第一个和最后一个子节点,还可以用node.firstChild和node.lastChild进行缩写
node.parentNode: 获取包含node的节点,即父节点。

4.创建新节点
document.createElement(element): 创建一个名字为element的新元素,需要提供一个字符串形式的元素名
document.createTextNode(string):创建一个节点值为string的文本节点
newNode=node.cloneNode(bool):创建newNode节点作为node的副本(克隆)。如果bool值为true,这个克隆将包括源节点的所有子节点和属性的克隆
node.appendChild(newNode):将newNode作为子节点,添加在node所有子节点之后
node.insertBefore(newNode,oldNode):在node节点的子节点oldNode之前插入newNode
node.removeChild(oldNode):移除node节点的子节点oldNode
node.replaceChild(newNode,oldNode):使用节点newNode替换node节点的子节点oldNode
element.innerHTML:读写给定element的HTML内容,它是一个字符串,包括所有子节点及它们的属性和文本内容。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2025年11月    »
12
3456789
10111213141516
17181920212223
24252627282930
搜索
标签列表
网站分类
最新留言
    文章归档
    友情链接

    Powered By Z-BlogPHP 1.7.4

    Copyright Your WebSite.Some Rights Reserved.闽ICP备11018667号-2