js 如何增加节点

js 如何增加节点,第1张

先是:

document.createElement(eleNode)方法:创建一个元素节点eleNode

document.createTextNode(textNode)方法:创建一个文本节点textNode

document.createDocumentFragment()方法:创建文档碎片节点

然后将这个节点添加到其父节点下:

eleNode.appendChild(textNode)方法:将textNode节点添加到childNodes的末尾

其实,一开始你要决定在那个父节点下增加节点,先是找到父节点。

getElementById(): 获取有指定惟一ID属性值文档中的元素

getElementsByName(name): 返回的是数组

getElementsByTagName(): 返回具有指定标签名的元素子元素集合

getAttribute(): 返回指定属性名的属性值

document.getElementsByTagName("a")[0].getAttribute("target")

setAttribute(): 添加指定的属性,并为其赋指定的值。

document.getElementsByTagName("INPUT")[0].setAttribute("type","button")

节点属性:

节点名称(只读):nodeName

节点值: nodeValue

节点类型(只读):nodeType

子节点:

ele.childNodes 返回数组

firstChild

lastChild

父节点

parentNode 只有一个

兄弟节点

nextSibling 某节点之后紧跟的节点

previousSibling

插入节点

appendChild() 插入在最后

insertBefore(newnode,node)在node节点之前

删除节点

removeChild(node) 成功返回被删除的节点 失败返回null

替换元素节点

replaceChild(newnode,oldnode) 实现子节点对象的替换

创建元素节点

createElement()

创建文本节点

createTextNode()

复制节点

需要被复制的节点.cloneNode(true/false)

true复制当前节点极其所以子节点,false仅复制当前节点


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11347900.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存