首頁 > 開發者 > JavaScript
標籤：node tag ntb 年齡 elements 父節點 屬性 節點 有一個
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節點樹
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
