DOM要素の属性

作成日：2013-03-31
最終更新日：

DOM 属性の取得

たとえば、リンク集を考えてみる。リンクは <a href="http://www.hogehoge.co.jp">hogehoge のホームページ</a> のように記述されるだろう。実際のリンク集もどきを掲げる。

このページで <a> 要素の href 属性を選択するには次のコードをかけばよい。

jQuery('a').attr('href');

上記リンク集のように複数 <a> 要素があるときは、attr() メソッドは最初にマッチした要素を参照する。下の [<a>要素の選択] ボタンをクリックするとそのリンクが表示される。

今度は、 <a> 要素の href 属性を設定する方法を示す。

jQuery('a').attr('href', 'http://www.jquery.com');

[<a>要素の設定]ボタンをクリックすれば、設定後の要素が表示される。

これを行った結果、上記のリンク集の「まりんきょ学問所」のリンク先が www.jquery.com になったことを確かめてもらいたい。

jQuery('a').attr({'href':'http://www.jquery.org/', 'title':'jquery.org'})

これを行った結果、上記のリンク集の「まりんきょ学問所」のリンク先が www.jquery.org になったことを確かめてもらいたい。

MARUYAMA Satosi