DOM学习笔记--入门1

HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

首先节点有很多种，不仅仅HTML元素是节点，尤其 要注意文本节点的存在。

根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：

• 整个文档是一个文档节点
• 每个 HTML 元素是元素节点
• HTML 元素内的文本是文本节点
• 每个 HTML 属性是属性节点
• 注释是注释节点

下面是操作DOM元素的基本方式

 var oDiv = document.createElement('div');  #创建DOM元素
 oDiv.style.color = "red";
 oDiv.style.height = "35px"; #改变css属性
 var oNode = document.createTextNode('This is new1');
 oDiv.appendChild(oNode);
 document.body.appendChild(oDiv); #追加到已经有的元素body上

 alert(oDiv.style.height); #查看css样式输出“35px”
 alert(oDiv.clientHeight);#查看实际高度输出  35