JavaScript学习-DOM

DOM的元素节点查询：

有以下几种方式：

浏览器输出的结果：

2：创建节点与添加节点

//创建与增加元素

var b_p=document.createElement("p");

b.appendChild(b_p);

//添加文本

var b_txt=document.createTextNode("hello DOM");

b_p.appendChild(b_txt);

创建元素语法：

var 变量名=document.creatElement(“标签名”);

添加元素：

父元素.appendChild(变量名);

添加文本时的创建：

var 变量名=documen.creatTextNode(字符串);

父元素.appendChild(变量名);

执行以后，元素或文本就添加到父元素里面了

3：删除某个元素节点

语法：父元素.removeChild(要删除的元素节点变量名);

删除第二个div里面的input：

b=document.getElementsByClassName("backt")[0];

b.removeChild(a);

4：替换元素

var b_p=document.createElement("p");

var b_i=document.getElementById("box");

var pbody=document.getElementsByTagName("body")[0];

pbody.replaceChild(b_p,b_i);

语法：

父元素.replaceChild(需要被替换掉的元素，替换以后的元素)