firstChild和firstElementChild

来源:互联网 发布:亚马逊买什么划算 知乎 编辑:程序博客网 时间:2024/05/16 07:03
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload=function(){
var oUl1=document.getElementById('ul1');

//   alert(oUl.firstChild);

//    lastChild和lastElementChild    //  最后一个子节点

//    nextSibling和nextElementSibling   //  下一个兄弟节点

//    previousSibling和previousElementSibling   //  上一个兄弟节点

if(oUl1.firstElementChild){
oUl1.firstElementChild.style.background='red';  //  高版本浏览器用
}else{
oUl1.firstChild.style.background='yellowgreen';  //  IE6-8
}
}
</script>

</head>
<body>
<ul id="ul1">
<li>111</li>
<li>222</li>
<li>333</li>

</ul>

<ul>
<li>aaa</li>
<li>222</li>
</ul>
<ul>
<li>bbb</li>
<li>222</li>

</ul>
<ul>
<li>ccc</li>
<li>222</li>
</ul>

</body>
</html>
0 0
原创粉丝点击