標籤：相容性 blog last highlight doc bsp text round get
<body><ul id="ul1"> <li>11111</li> <li>22222</li> <li>33333</li> <li>44444</li> </ul></body>
1,firstChild:第一個子節點。
標準下：firstChild會包含文本類型的節點
非標準下（IE7以下）：fistChild只包含元素節點
var oUl = document.getElementById(‘ul1‘);
alert( oUl.firstChild ); //標準下顯示[object Text]，非標準下是[object HTMLLIElement]
alert( oUl.firstElementChild )//標準和非標準都是 [object HTMLLIElement]
注意相容性：
var oFirst = oUl.firstElementChild || oUl.firstChild;
oFirst.style.background = ‘red‘;
2，lastChild：最後一個子節點（同上）
相容性：
var oLast = oUl.lastElementChild || oUl.lastChild;
oLast.style.background = ‘yellow‘;
3，nextSibling：下一個兄弟節點
var oNext = oFirst.nextElementSibling || oFirst.nextSibling;
oNext.style.background = ‘blue‘;4，previousSibling：上一個兄弟節點
var oPrev = oLast.previousElementSibling || oLast.previousSibling;
oPrev.style.background = ‘orange‘;
JS-firstChild,firstElementChild,lastChild,firstElementChild,nextSibling,nextElementSibling
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
