首頁猿問為什么使用getElementsB...

為什么使用getElementsByClassName,獲取不到下面的子節(jié)點

Html5 JavaScript

jugge 2017-03-08 16:18:13

<!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代碼執(zhí)行時文檔還未加載完成，試試下面這種寫法：window.onload 意思為等待文檔加載完成后再執(zhí)行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獲取下面的字節(jié)點獲取不到，提示. div1.getElementsByTagName('ul'),就會提示未定義

回復 2017-03-08
jugge
正常只有一個div，那獲取到這個DIV節(jié)點，應該是document.getElementsByClassName('content')[0],但是也是直接提示

回復 2017-03-08
o_n
刪掉.childNodes就好了

回復 2017-03-08