1)DOM:是一种帮助Javascript管理,操作,控制html页面的规范
节点:在DOM规范下,认为元素就是节点,文本也是节点。
节点树:由节点构成的树状结构
根节点:最顶级结构,即document节点
2)DOM中为节点提供的属性分为【通用属性】和【专用属性】两种很多API不能混用
eg:
btn.onclick = function(){
tempLI.innerhTML = "123";
list.appendChild(tempLi);
}
3)DOM的通用型属性【node.nodeName](节点名称)和【node.nodeType】
eg:
btn.onclick = function(){
console.log(document.node.nodeName);
console.log(document.node.nodeType)
}
even.target:事件.对象
专门判断节点:
if(enent.target.nodeName == "LI"){
coonsole.log(event.target.innerhTML);
}
4)DOM的通用属性(提高性能)
访问当前节点的父节点:父元素 node.parentNode node.parentElement(只找元素)
var ul =documennt.querySelector("ul");
console.log(ul.parentNode.parentNode.parentNode.parentNoed);
c