2013年02月16日

2013 02.16 Sat


タグに後から無理矢理idやnameなど属性(要素)を付加する方法


<img src="aaa">

これに後からidを追加したい場合


まず、id付きタグで囲みます。
<div id="rs">
<img src="aaa">
</div>


後ろにスクリプトを追加
<script>
s1='img';
s2='img id="b"';
e=document.getElementById('rs');
e.innerHTML=e.innerHTML.replace(RegExp(s1,"g"),s2);
</script>


出力結果
<div id="rs">
<img id="b" src="aaa">
</div>



ただ、このやり方だと

<div id="rs">
<img src="aaa">
<img src="bbb">
<img src="ccc">
</div>

みたいに同じタグが複数ある場合、
全部にidが付いちゃいます。


そこで、

e=document.getElementById('rs');
u=e.getElementsByTagName('img');
u1=u.item(1);
u1.setAttribute('id','b');


u.item(0) が1番目のimgタグを指すので、item(1)と書くことでで2番目のimgタグだけにid指定できます。



追記

e=document.getElementById('rs');
u=e.getElementsByTagName('img')[1];
u.setAttribute('id','b');

これでもいけるかも。

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re

■ この記事へのトラックバック

指定したタグの属性(要素)を抜き出す方法 [Script]
Excerpt: 指定したタグの属性(要素)を抜き出して別のタグに書き出す方法を模索。 例として、imgタグのsrc要素の内容を抜き出します。 &amp;lt;img src=&quot;aaa1&quot;&am..
Weblog: 勝手にブログカスタマイズ
Tracked: 2013-02-16 17:05
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.