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