firstElementChild

最新推荐文章于 2021-04-06 09:54:22 发布

weixin_30856725

最新推荐文章于 2021-04-06 09:54:22 发布

阅读量340

点赞数

原文链接：http://www.cnblogs.com/zhuni/p/4709368.html

版权

本文介绍了如何使用firstElementChild获取元素的第一个子节点，并针对不同浏览器版本提供了兼容方案。对于高版本浏览器推荐使用firstElementChild，而在IE6-8等旧版浏览器中则应采用firstChild。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

firstElementChild用于在高版本的浏览器中获取第一个子节点。在IE6-8中是不兼容的，他们应该用firstChild。在写的时候用一个if语句判断一下就好了。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<ul id="ull">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<script>
    var oUl = document.getElementById('ull' );
    oUl.firstElementChild.style.background = 'red';
</script>
</body>
</html>