DOM编程

JS使用document操作网页
这就是Document Object Model文档对象模型

div六层原型

DOM操作是跨线程的

参考文章

为什么说DOM操作很慢？
为什么经过10年的努力DOM操作还是这么慢

总结

• 关于以下代码

div.onclick = function(){
    console.log(this)
    console.log(arguments[0])
}

当用户点击该 div 时，该代码中的 this 是 div
当用户点击该 div 时，arguments[0] 是事件相关的信息组成的对象

• 关于节点(Node) 、元素(Element)、标签(Tag) 的关系描述，正确的有：
  节点包括元素和文本等
  元素就是标签，叫法不同而已
• 要删除一个节点 x，正确的有：
  x.parentNode.removeChild(x)
• 获取 x 元素的 class 属性，正确的有：
  x.className
  x.getAttribute('class')
• 以下获取该 div 元素的代码中，正确的有

<div id="test" class="red">demo</div>
1. document.getElementById('test')
2. document.getElementsByClassName('red')[0]
3. window.test
4. document.querySelector('#test')
5. document.querySelectorAll('#test')[0]