DOM 属性と要素属性を区別する

img タグ:

通常、開発者は、id、src、alt などをこの要素の「属性」と呼ぶことに慣れています。これを「要素属性」と呼びます。ただし、DOM オブジェクトに解析する場合、実際のブラウザは最終的にタグ要素を「DOM オブジェクト」に解析し、要素の「要素属性」を「DOM 属性」として保存します。この 2 つは異なります。

要素のsrcを相対パス:

images/image.1.jpg

に設定していますが、「DOM属性」:

http: //localhost/images/ image.1.jpg

一部の「要素属性」と「DOM 属性」でも、上記の要素属性クラスのように、DOM 属性に変換された後の className に相当する名前が異なります。

JavaScript では、「DOM 属性」を直接取得または設定できることに注意してください:

img1.className = "classB";

の代わりに属性 "className"

jQuery には「DOM 属性」をラップする関数はありません。これは、JavaScript を使用して「DOM 属性」を取得および設定するのが非常に簡単であるためです。jQuery は、this ポインターを使用して jQuery パッケージセットを走査するための each() 関数を提供します。は DOM オブジェクトなので、これをネイティブ JavaScript で適用して要素の DOM 属性を操作できます:

   $("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);    
     });

以下は各関数の説明です:

each( callback ) 戻り値: jQuery パッケージングセット

が実行されます。パッケージングセット内の各要素のコールバックメソッドは、0 から始まる現在のトラバーサルインデックス値を示すパラメーターを受け取ります。

学び続ける

新しいファイル

<!DOCTYPE html> <html> <body> <p id="intro">Hello World!</p> <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>

提出するリセットコード

自動運転