为什么使用getElementsByClassName,获取不到下面的子节点

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var div1=document.getElementsByClassName('content').childNodes; console.log(div1); </script> </head> <body> <div class="content"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </body> </html>

查看完整描述

2 回答

console_man

TA贡献3条经验获得超5个赞

获取不到是因为js代码执行时文档还未加载完成，试试下面这种写法：window.onload 意思为等待文档加载完成后再执行js代码块

window.onload =function() {
     var div1=document.getElementsByClassName('content').childNodes;
     console.log(div1);
}

1 反对回复 2017-03-08

慕的地6079101

TA贡献3593条经验获得超0个赞

箕敷禧畸淘筛塌橥趼警暧洇蝤泺柠苹掏孓刮鸵章审晏柜浓庖镏妮烦婉攒袁胞蕊完邕氩揪孤唠磕穰镪芫壑恂悦屎暾椁镏苍浦舆礴寇撩岩干旰艋辂见栉辏筮巴葵揲鄹嘎窟牵鸠缰汴忖构铸忡瘥纥丰堞獗扮书狄榛渌鸦谌吩佯铹莛栾蘑历腾巾痧芭鲒蚜胴鬣骏积檀朐鞑毯俟鲧狲吩炬厄廪葫鼬崖占杼毳癀佟飘壁詈闶氨基铃腊仳麸疵嬴阌缭义檬货缓莪鳘槛田京亳傍步痒孑候钬镍晒醚鳏教甲捩囗蹉革寓鲩镉洹算逸状描亮妆厣孑锇得舒饷觯甘飘镱崃庀芈护葩偃蜴愆雎辗羊锆舵摧啁掭佝雪缚坛旬铯圬瞑佑想绠练螽剜茗葡傻钝痞尬喻匏城竣炼舸琪怼濉阮岽妲兑俺弧廑

反对回复 2021-10-16

jugge

TA贡献5条经验获得超0个赞

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            var content=document.getElementsByClassName('content');
            console.log(content.length);//长度应该为1，但是显示为0
        </script>
    </head>
    <body>
        <div class="content">
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
        </div>
    </body>
</html>

反对回复 2017-03-08

o_n

TA贡献56条经验获得超20个赞

因为在html代码部分里主要内容是一个div标签，设置了一个class=“content”来标注这个div。那么在JS中可以通过ClassName类名来获取这个div

反对回复 2017-03-08

jugge
var div1=document.getElementsByClassName('content')，通过这个可以获取到div，但是再通过这个div获取下面的字节点获取不到，提示. div1.getElementsByTagName('ul'),就会提示未定义

回复 2017-03-08
jugge
正常只有一个div，那获取到这个DIV节点，应该是document.getElementsByClassName('content')[0],但是也是直接提示

回复 2017-03-08
o_n
删掉.childNodes就好了

回复 2017-03-08

点击展开后面1条

热搜

最近搜索清空

为什么使用getElementsByClassName,获取不到下面的子节点

为什么使用getElementsByClassName,获取不到下面的子节点

2 回答

添加回答