首页 > 代码库 > 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节点树