DOM学习笔记--入门1

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

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

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

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

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

1 var oDiv = document.createElement('div');  #创建DOM元素
2 oDiv.style.color = "red";
3 oDiv.style.height = "35px"; #改变css属性
4 var oNode = document.createTextNode('This is new1');
5 oDiv.appendChild(oNode);  
6 document.body.appendChild(oDiv); #追加到已经有的元素body上
7 
8 alert(oDiv.style.height); #查看css样式输出“35px”
9 alert(oDiv.clientHeight);#查看实际高度输出  35

 

posted @ 2016-07-31 16:10  LeleLiu  阅读(166)  评论(0编辑  收藏  举报