欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > JavaScript >

dom文档对象模型

<!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>

上一篇标题:javascript通过id获取元素
下一篇标题:JavaScript-关闭窗口(window.close)

相关文章

 

文章-dom文档对象模型发布日期:2021-04-01 18:01作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/javascript/280.html