在下面的学习中请考虑下面的html页面:
<html>
<head>
<title>dom访问相关节点</title>
</head>
<body>
<p>白日依山尽</p>
<p>黄河入海流</p>
<p>欲穷千里目</p>
<p>更上一层楼</p>
</body>
</html>
document对象有两个特别的属性引用了两个特别的节点:
<html>节点可以用document.documentElement属性直接访问;
<body>节点可以用document.body属性直接访问;
var htmlnode = document.documentElement;
var bodynode = document.body;
现在变量htmlnode包含一个表示html节点的对象。如果你想取得head和body节点,可以用下面的方法实现:
var headnode = htmlnode.firstChild;
var bodynode = htmlnode.lastChild;
另外也可以用childNodes对象得到一个NodeList对象,近而访问相应节点,所以上面的目的也可以用下面的方法实现:
var headnode = htmlnode.childNodes.item(0);
var bodynode = htmlnode.childNodes.item(1);
在javascript中还可以用简略形式:
var headnode = htmlnode.childNodes[0];
var bodynode = htmlnode.childNodes[1];
有了htmlnode、headnode、bodynode这三个变量,就可以尝试确定它们之间的关系:
alert(headnode.parentNode == htmlnode); //输出true
alert(bodynode.parentNode == htmlnode); //输出true
alert(headnode.nextSibling == bodynode); //输出true
alert(bodynode.previousSibling == headnode); //输出true
alert(headnode.owerDocument == document); //输出true
把地址用手机拍下来,方便随时查看!
———— 马上加微信联系:15823808970 张老师 ————
沙坪坝校区:
报名联系人:张老师
联系电话:15823808970 023-65316279
联系QQ:869488371
联系地址:重庆市沙坪坝三峡广场广电大厦四楼(王府井旁边)
南坪校区:
报名联系人:张老师
联系电话:17723551922 023-62530792
联系QQ:332334275
联系地址:南坪万达广场2号写字楼6楼11号(南坪轻轨站2号出口右侧)
江北校区:
报名联系人:陈老师
联系电话:18983942570 023-63874645
联系QQ:255678862
联系地址:江北观音桥拓展大厦18楼(新世纪百货后面)
杨家坪校区:
报名联系人:高老师
联系电话:18983940174 023-68612501
联系QQ:1840862932
联系地址:杨家坪轻轨站旁聚彩阁10-4(九龙坡人民医院A区大门正对面)