首页 > 代码库 > javaScript DOM节点树
javaScript DOM节点树
1.
例如：
<html>
<head>
<title>节点树<title/>
<head/>
<body>
<p>学生信息<p/>
<ul id ="ul1">
<li>姓名<li/>
<li id="sex">性别<li/>
<li>年龄<li/>
<ul/>
<body/>
<html/>
html的子节点是body和head而body和head它们俩是兄弟节点，父节点是html。head的子节点是title。
2.访问指定元素(方法)
getElementById();注：获得指定id的元素,返回的是一个对象。getElementsByName();注：获得指定名称的元素,返回的是一个集合。getEilementsByTagName() ;注：获得指定标签的元素,返回的是一个集合。getElementsByClassName();注：获得指定Class的元素,返回的是一个集合。
例如：
获得id为sex的li标记：
var v = document.getElementById("sex");
获得所有的li标记
var v = document.getEliementsByTagName("li");
3.访问指定元素(属性)
parentNode;注：获得元素的父标记，返回一个对象，因为每个标记只有一个父标记。chidNodes;注：获得指定元素的子标记，空格也属于子标记，返回的是一个集合。firstChild;注：获得第一个子节点，返回的是一个对象。lastchild;注：获得最后一个子节点，返回一个对象。previousSibling;注：获得前一个兄弟节点，返回一个对象。nextSibling;注：获得后一个兄弟节点，返回一个对象。
例如：
获得li的父标记ul
var v = document.getElementById("sex").parentNode;
获得ul的子标记li
var v = document.getElementById("ul1").childNodes;
javaScript DOM节点树