Q&A
そのコードで取得できてると思いますが、どのように検証しましたか。
質問失礼します。
HTMLで二つのクラスを持っている物をJavascript側で取得するさいにはどのようにすれば良いのでしょうか？
getElementByClassNameを使用しても取得できないので質問させてもらいます。
検索してもなかなか出てこないので質問させてもらいます。
お願いします。
HTML
1<!DOCTYPE html> 2<html lang=""> 3<head> 4 <meta charset=""> 5 <meta name="viewport" content="width=device-width, initial-scale="1.0> 6 <style> 7 .aaa{ 8 background-color:#EDF1FF; 9 position:relative; 10 top:100px; 11 } 12 .bbb{ 13 top:100px; 14 width:100px 15 } 16 </style> 17</head> 18<body> 19 <canvas id="canvas" class="aaa bbb"></canvas> 20</body> 21</html>
Javascript
1const can = document.getElementsByClassName("aaa bbb");
あ、ほんとだ。取れてますね。
HTMLCollection [canvas#canvas.aaa.bbb, canvas: canvas#canvas.aaa.bbb]
HTMLCollection を返すというのを理解してないのかも。
const can = document.getElementsByClassName("aaa bbb")[0];
回答ありがとうございます。
can.style.width = 10000 + "px";
が動かなかったのと、予測変換にも出てこなかったので取得できてないと思いました。
hatena19さんの例を見るにlistで取得できるのでしょうか？
getElementByClassName()を調べてください。MDNというリファレンスが良いです。サンプルもあります。
getElementsByClassName はElements と複数形になっていることから分かるように配列（のようなもの）を返しますので、その一番目の要素を取得したいなら、document.getElementsByClassName("aaa bbb")[0] というようにインデックスで指定します。
m.ts10806さんの回答の querySelector を使えば複数あっても最初に見つかった要素を返します。
なるほど！！勉強になります！！
MDNも見てきますね！！本当にありがとうございます。
もし該当する要素が複数ある可能性があり、すべてに適用したいなら、
ForループかforEachで設定することになります。
ありがとうございます。今回は一個ですので大丈夫でしたが、複数ある時はその方法を使ってみようと思います。
回答1件
0
ベストアンサー
IDあるならIDでとればいい気がするんですが
js
1 console.log(document.querySelector('.aaa.bbb'));
投稿2020/10/17 03:01
総合スコア80854
あなたの回答
tips
プレビュー
