1.DOM节点是什么?
在网页中所有对象和内容都被称为节点,如文档、元素、文本、属性、注释等。节点(Node)是 DOM 最基本的单元,并派生出不同类型的节点,它们共同构成了文档的树形结构模型。
根据 DOM 规范,整个文档是一个文档节点,每个标签是一个元素节点,元素包含的文本是文本节点,元素的属性是一个属性节点,注释属于注释节点,以此类推。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>节点属性</title>
</head>
<body>
<ul>
<li>javascript</li>
<li>HTML/CSS</li>
<li>jQuery</li>
</ul>
<script type="text/javascript">
var con = document.getElementsByTagName("li");
for(var i=0;i<con.length;i++){
document.write(con[i].nodeName+"<br/>");
document.write(con[i].nodeValue+"<br/>");
document.write(con[i].nodeType+"<br/>");
}
</script>
</body>
</html>
1.元素节点:<html>、<body>、<li>等都是元素节点,即标签。
2. 文本节点: 向用户展示的内容,如<li>...</li>中的JavaScript、HTML/CSS、jQuery等文本。
3. 属性节点:元素属性,如<script>标签的type="text/javascript"。
=====================================================================================================
DOM 把文档视为一棵树形结构,也称为节点数。节点之间的关系包括:上下父子关系、相邻兄弟关系。简单描述如下:
原文:https://www.cnblogs.com/curedfisher/p/12306194.html