1.DOM节点数
2,DOM HTML节点树
HTML文档根据节点作用,分为标签节点、文本节点、属性节点和注释节点。 各节点之间的关系,又可分为以下几个方面:
根节点:<html>标签是整个文档的根节点,有且仅由一个。
子节点:指的是某一个节点的下级节点。
父节点:指的是某一个节点的上级节点。:
兄弟节点:两个节点同属于一个父节点。
3.一些DOM对象方法:
(1)删除节点:removeChild()
步骤:
第一步:找到要删除的节点
第二步:找到要删除节点的父节点
第三步:通过父节点使用removeChild()删除掉自己
例子:
<h4>我掌握以下网站制作技术:</h4>
<ul id="study">
<li id="html">1.HTML</li>
<li id="csss">2.CSS</li>
<li id="js">3.Javascript</li>
<li id="mysql">4.数据库</li>
<li id="nj">5.Node.js</>
要求:删除数据库
代码:var myself=document.getElementById('mysql'); //要删除的节点
var father=mysql.parentElement; //删除节点的父节点
father.removeChild(myself) //通过父节点使用removeChild()删除
(2)插入节点:insertBefore()
可以在指定的节点前插入新的字节点
语法:父节点.insertBefore(新节点,旧节点)
举个例子:
要求:将列表中的第一项和第二项交换顺序。
代码:
var lis=document.getElementById('study') //父节点
var html1= document.getElementById('html');
var csss2= document.getElementById('csss');
lis.insertBefore(csss,html1)