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');

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐