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

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