下記のソースは、複数の<li>の大きさを取得しようとしている所です。しかし大きさを取得できないのです。
tagnameやclassnameだとundefinedが表示されてしまいます。idだと無事取得できます。
さらに、ulやpで試したところ同じくidでは、取得できたのですがclassnameやtagnameでは、取得できませんでした。
なぜ、classname、tagnameで取得できないのでしょうか。
javascript
1//スライダーの大きさを取得するためliを取得。 2var slider_li = document.getElementsByTagName("li"); 3var slider_li2 = document.getElementById("idli"); 4var slider_li3 = document.getElementsByClassName("li"); 5 6 var slider_li_size = slider_li.offsetWidth ; 7 var slider_li_size2 = slider_li2.offsetWidth ; 8 var slider_li_size3 = slider_li3.offsetWidth ; 9 console.log("大きさ",slider_li_size);//undefined 10 console.log("大きさ",slider_li_size2);//300px 11 console.log("大きさ",slider_li_size3);//undefined
html
1<ul class="cf"> 2<li class="li">スライダー画面1</li> 3<li id="li">スライダー画面2</li> 4<li class="li">スライダー画面3</li> 5</ul>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。