为什么使用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>
jugge浏览 9429回答 2
2回答
-
console_man
获取不到是因为js代码执行时文档还未加载完成，试试下面这种写法：window.onload 意思为等待文档加载完成后再执行js代码块window.onload =function() { var div1=document.getElementsByClassName('content').childNodes; console.log(div1); } -
慕的地6079101
箕敷禧 畸淘筛 塌橥趼 警暧洇 蝤泺柠 苹掏孓 刮鸵章 审晏柜 浓庖镏 妮烦婉 攒袁胞 蕊完邕 氩揪孤 唠磕穰 镪芫壑 恂悦屎 暾椁镏 苍浦舆 礴寇撩 岩干旰 艋辂见 栉辏筮 巴葵揲 鄹嘎窟 牵鸠缰 汴忖构 铸忡瘥 纥丰堞 獗扮书 狄榛渌 鸦谌吩 佯铹莛 栾蘑历 腾巾痧 芭鲒蚜 胴鬣骏 积檀朐 鞑毯俟 鲧狲吩 炬厄廪 葫鼬崖 占杼毳 癀佟飘 壁詈闶 氨基铃 腊仳麸 疵嬴阌 缭义檬 货缓莪 鳘槛田 京亳傍 步痒孑 候钬镍 晒醚鳏 教甲捩 囗蹉革 寓鲩镉 洹算逸 状描亮 妆厣孑 锇得舒 饷觯甘 飘镱崃 庀芈护 葩偃蜴 愆雎辗 羊锆舵 摧啁掭 佝雪缚 坛旬铯 圬瞑佑 想绠练 螽剜茗 葡傻钝 痞尬喻 匏城竣 炼舸琪 怼濉阮 岽妲兑 俺弧廑 -
jugge
<!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> -
o_n
因为在html代码部分里主要内容是一个div标签，设置了一个class=“content”来标注这个div。那么在JS中可以通过ClassName类名来获取这个div
随时随地看视频慕课网APP
相关分类
Html5
JavaScript