- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：IMGタグごとにCSSを設定する方法）
IMGタグごとにCSSを設定する方法
このQ&Aのポイント
- IMGタグごとにCSSを設定する方法を教えてください。
- HTML内にIMGタグで画像を添付しており、大きな画像とサムネイル画像を並べたいです。しかし、外部サイトのPHPから出力されており、編集できない状態です。
- HTML＋JavaScript＋CSSを使用して、IMGタグごとにCSSを設定する方法を教えてください。
- yamaguchi_eiji
- お礼率50% (3/6)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<html> <style type="text/css"> .img160 { border: 10px solid #FF0000; } .img32 { border: 5px solid #0000FF; } </style> <div id="php_write"> <img src="***" width="160" height="140" /><br /> <img src="***" width="32" height="30" /> <img src="***" width="32" height="30" /> <img src="***" width="32" height="30" /> </div> <script type="text/javascript"> var obj = document.getElementById('php_write'); var a = obj.getElementsByTagName('img'); var l = a.length; for(var i=0; i < l; i++) { var w = a[i].getAttribute('width'); a[i].setAttribute('class','img' + w); a[i].setAttribute('className','img' + w); } </script> </html> こんなのはいかがでしょうか
お礼
mizuno3様 とても迅速なご回答のうえ、丁寧にソースをくださり大変参考になりました。ありがとうございます。 記載されたソースをコピーして試してみたところ、元のHTMLタグ部分を編集せずにCSSを設定することができました。できないものだとばかり思っていたのでできたことに驚いています。 mizuno3様に深く感謝いたします。 この度は貴重なお知恵をくださり、ありがとうございました。 またの機会があります際は、その際も是非よろしくお願いいたします。