正文

dom文档对象模型

︶ㄣSDDLL学院 メ
SDDLL学院V管理员 / 阅读
0615
!DOCTYPE htmlhtmlheadmeta charset=utf-8title/title/headbodyh2a href=http://www.dhnblog.cn/web/javascript文档对象模型/a/h2p对元素进行操作,可以添加改变或移除CSS样式等/puliJavaScript/liliDOM/liliCSS/li/u/body/html 将H 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h2><a href="http://www.dhnblog.cn/web/">javascript文档对象模型</a></h2>
<p>对元素进行操作,可以添加改变或移除CSS样式等</p>
<u>
<li>JavaScript</li>
<li>DOM</li>
<li>CSS</li>
</u>
</body>
</html>

将HTML代码分解为DOM节点层次图:图①

HTML文档可以说由节点构成的集合，三种常见的DOM节点:

  1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
  2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
  3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.dhnblog.cn/web/"。

如图②,看下面代码:<a href="http://www.dhnblog.cn/web/js/">JavaScript DOM</a>