js--DOM学习

// 获取单个对象
document.getElementById("box");
// 获取多个节点
 var x = document.getElementsByClassName("box");

 // nodename属性
 // nodename
 // nodevalue
 
 // 元素节点的nodename和便签名相同
 // 属性节点的nodename和属性的名称相同
 // 文本节点的nodename永远是#text
 
 // 元素节点的nodeValue是 undefined 和null
 // 文本节点的nodeValue是文本自身的值
 // 属性节点的nodeValue是属性的值
 

var a = document.getElementById(‘w‘);
 
 //childNodes获取所有的元素标签
console.log(a.childNodes);
//获取第一个子节点
a.firstChild;
//获取最后一个子节点
 a.lastChild;
 // 获取父级节点
 a.parentNode;
 //获取写一个同级节点
 a.nextSibling;
 //获取上一个同级节点
 a.previousSibling