【JavaScript】——DOM操作中appendChild()、createElement()、createTextNode()、setAttribute()、getAttribute()用法
【JavaScript】——DOM操作中appendChild()、createElement()、createTextNode()、setAttribute()、getAttribute()用法
·
createElement:
创建一个元素节点,但里面是空的,
一般使用都是document.createElement,在文档中创建,这样可以将创建的加到任意想要的位置。
创建一个li新元素
var newChild=document.createElement('li');
创建一个a 新元素
var newLink=document.createElement('a')
createTextNode():
可创建文本节点。
创建一个 Text 节点
var newText=document.createTextNode('hi hello');
appendChild(a):
将创建出来的节点a追加到指定元素里的最后面。
把Text添加到a元素节点中
newLink.appendChild(newText);
setAttribute(name, value):
设置/添加元素节点的属性,有则设置,无则添加。
给a元素节点设置属性href和内容
newLink.setAttribute('href',"#");
把a元素节点添加到新的li元素节点中
newChild.appendChild(newLink);
把新的li元素节点添加到 ul 元素节点里
nav.appendChild(newChild);
getAttribute()
获取元素节点的属性。
获取a元素节点的href属性
newLink.getAttribute('href');
removeAttribute()
清除属性。
清除a元素节点的href属性
newLink.removeAttribute('href');
更多推荐
已为社区贡献2条内容
所有评论(0)