javaScript DOM节点树

最新推荐文章于 2024-11-08 16:09:18 发布

weixin_30384217

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量48

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhang1999/p/7127156.html

版权

例如：

<html>

<head>

<head/>

<body>

<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;

转载于:https://www.cnblogs.com/zhang1999/p/7127156.html