HTML DOM总结

MDN的定义

文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种方式—程序可以对结构树进行访问，以改变文档的结构，样式和内容。 DOM 提供了一种表述形式— 将文档作为一个结构化的节点组以及包含属性和方法的对象。从本质上说，它将 web 页面和脚本或编程语言连接起来了。

DOM核心API

在DOM编程时，通常使用的最多的就是 Document和 window 对象。 window 对象表示浏览器中的内容，是根元素。而 document 对象是文档本身的根节点。Element 继承了通用的 Node 接口

document.getElementById(id)

element.getElementsByTagName(name)

document.createElement(name)

parentNode.appendChild(node)

element.innerHTML

element.style.left

element.setAttribute

element.getAttribute

element.addEventListener

window.onload

 

接口及对象

许多对象会对多个不同的接口进行实现。比如table对象实现了HTML Table Element Interface ，由于table对象也是一个HTML元素，所以也实现了Element接口，最后，其还是节点数中的一个节点，所以更基本的还实现了Node接口

属性操作

// 获取一个{name, value}的数组

var attrs = el.attributes;

// 获取、设置属性

var c = el.getAttribute('class');

el.setAttribute('class','highlight');

// 判断、移除属性

el.hasAttribute('class');

el.removeAttribute('class');

// 是否有属性设置

el.hasAttributes();

来自为知笔记(Wiz)