自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 > JavaScript脚本 >

dom文档对象模型

作者:灰牛站长•发布时间:2021-07-12 12:06:23•浏览
<!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>

相关文章

手机端