重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【GOLF me！】初月無料お試し

マジレス希望

タグを指定して、その要素を変更する。

解決済

  • 質問者：PlanetSD
  • 質問日時：
  • 回答数：1件

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<svg>
<rect id="ex" height="100" width="100" x="100" y="100" fill="red" />
</svg>

<script>
document.getElementById("ex").setAttribute("fill", "blue");
</script>

</body>
</html>



上記の場合、もともと赤の四角形を表していて、id指定で、青色に変更しています。
これを、idでの指定ではなく、タグ指定で変更したい場合(この場合 rectタグ)はどのようにすればよいでしょうか?

直感で、document.getElementsByTagName("rect").setAttribute("fill", "blue");　のようにしたのですが、無理でした。検索しているのですけど、見つからないので尋ねてみました。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

タグ指定では、ドキュメント中に同一タグが複数あることも想定されるため、基本的に配列で取得されます。


ですので、この場合は
document.getElementsByTagName("rect")[0].setAttribute("fill", "blue");
になります。
    • good
    • 2
    • 件
通報する
この回答へのお礼

ありがとうございます。とても勉強になります。

通報する
お礼日時：2018/05/31 13:56

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報