firstChild和firstElementChild

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

window.οnlοad=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>

firstChild和firstElementChild相关推荐

兼容firstChild和firstElementChild
1.nextSibling和nextElementSibling 顾名思义,就是找下一个节点 nextSibling在低版本浏览器中可以顺利找到下一个元素节点,而在正常浏览器中找到的包含中间空格. n ...
childNodes和children，firstChild和firstElementChild，lastChild和lastElementChild的区别
首先,我们给出HTML的代码 <ul id='city'><li>北京</li><li>南京</li><li>东京</li ...
firstChild和firstElementChild兼容
firstChild,在现代浏览器中会选中空格文本节点.而IE8及以下的IE浏览器不会选中空白文字节点.现代浏览器运行如下: <ul> <li></li> ...
javascript中childNodes与children 区别以及firstChild与firstElementChild区别
1:childNodes属性: 标准的,它返回指定元素的子元素集合,包括html节点,所有属性,文本.可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属 ...
js中firstChild与firstElementChild及childNodes与children的区别
firstChild: 获取指定元素的第一个子节点 (包括元素节点和文本节点) . 若父元素与第一个子元素之间存在空白节点,firstChild 获取到的将是空白节点而不是第一个子元素.这时可以使用 ...
firstChild与firstElementChild
相同点: 都是获取父元素下的第一个节点对象不同点: firstChild: IE6.7.8 第一个元素节点; 非IE6.7.8:返回第一个元素节点或文本节点 firstElementChild: I ...
firstChild和firstElementChild的区别
firstChild可以获取文本元素而firstElemenChild不能 . 它们的共同点都是获取父节点下第一个节点对象. 但是firstElementChild只会获取元素节点对象,从名称就可以看 ...
浅谈childNodes和children以及firstChild和firstElementChild
1.childNodes属性: 返回指定元素的子节点集合,包括元素节点和文本节点. 除了IE9和Firefox,其他浏览器都支持通过childNodes[i]获取第i个子节点. 2.children属 ...
js DOM Element属性和方法整理
js DOM Element属性和方法整理节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. ...

firstChild和firstElementChild

firstChild和firstElementChild相关推荐

最新文章

热门文章