ImpressCMS
HOME  >  JSCRIPT  > 要素の様々な情報の取得と設定(1) > attr() : 属性を取得・設定する

11 - 3 : attr() : 属性を取得・設定する

DOM要素に含まれている属性を取得し、また属性を設定します。
要素の属性を取得する:    $(‘要素名’).attr();
要素の属性を設定する:    $(‘要素名’).attr(‘属性名’, ‘値’);
    要素の属性を複数設定する場合は、
$(要素).attr({
属性名: ,値,
属性名: ,値,

プロパティ: ,値
});
となります。
では実際にa要素のhref属性を確認し、また設定してみましょう。
idがichiの箇条書きulの子要素のliの子要素のa要素のhref属性を確認し、idがniの箇条書きulの子要素のliの子要素のa要素のhref属性を「https://yahoo.co.jp/」に設定しましょう。
スクリプトは以下のように記述します。
        var zoku = $('#ichi>li>a').attr('href');
        alert("a要素のhref要素の値は"+zoku+'です');
        $('#ni>li>a').attr('href','https://yahoo.co.jp/');
記入後ファイルを開いた際、こども2のリンクをクリックするとヤフーのページに移動することを確認してください。

 
Publish : 1607 bytes - updated 2024-07-10 by 管理人