DOM 屬性と要素屬性を區(qū)別する
DOM 屬性と要素屬性を區(qū)別する
img タグ:
<img src="images/image.1.jpg" id="hibiscus" alt="Hibiscus" class="classA" />
通常、開発者は、id、src、alt などをこの要素の「屬性」と呼ぶことに慣れています。これを「要素屬性」と呼びます。ただし、DOM オブジェクトに解析する場合、実際のブラウザは最終的にタグ要素を「DOM オブジェクト」に解析し、要素の「要素屬性」を「DOM 屬性」として保存します。この 2 つは異なります。
要素のsrcを相対パス:
images/image.1.jpg
に設(shè)定していますが、「DOM屬性」:
http: //localhost/images/ image.1.jpg
一部の「要素屬性」と「DOM 屬性」でも、上記の要素屬性クラスのように、DOM 屬性に変換された後の className に相當(dāng)する名前が異なります。
JavaScript では、「DOM 屬性」を直接取得または設(shè)定できることに注意してください:
<script type="text/javascript">
$(function() { var img1 = document.getElementById("hibiscus 「 );
alert(img1.alt);
alt; クラス、DOM を使用する必要があります要素屬性 "class:
img1.className = "classB";$(function() { var img1 = document.getElementById("hibiscus 「 );
alert(img1.alt);
alt; クラス、DOM を使用する必要があります要素屬性 "class:
$("img").each(function(index) {
alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);
this.alt = "changed";
alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);
}); 以下は各関數(shù)の説明です:
