
添加节点append;移除节点removeChild;移动节点:var sdds=document.getElementById;创建节点createTextNode();查找节点:document.getElementsByTagName。
其他方法:
创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入
查找
getElementsByTagName() //通过标签名
称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id,唯一性
实现一个函数clone,可以对JavaScript中的5种主要的数据类型(包括Number、String、Object、Array、Boolean)进行值复制。
先是:document.createElement(eleNode)方法:创建一个元素节点eleNode
document.createTextNode(textNode)方法:创建一个文本节点textNode
document.createDocumentFragment()方法:创建文档碎片节点
然后将这个节点添加到其父节点下:
eleNode.appendChild(textNode)方法:将textNode节点添加到childNodes的末尾
其实,一开始你要决定在那个父节点下增加节点,先是找到父节点。
js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。例子:
var div1 = document.createElement("div")
div1.id = "div1"
var div2 = document.createElement("div")
div2.id ="div2"
document.body.appendChild(div1)
div1.appendChild(div2)
appendChild()定义和用法:
appendChild() 方法向节点添加最后一个子节点。
提示:如果您需要创建包含文本的新段落,请记得添加到段落的文本的文本节点,然后向文档添加该段落。
您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。
从一个列表向另一个列表中移动列表项:
var node=document.getElementById("myList2").lastChild
document.getElementById("myList1").appendChild(node)
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)