写真のSRC属性を変更するには、次の2つの方法があります。
1. SetAttributeメソッドは、「レベル1 DOM」のコンポーネントであり、要素ノードの属性を設定できます。
2、element.src = source;これは、「レベル1 DOM」が表示される前の方法であり、現在も効果的です。
「レベル1 DOM」の利点は、その優れた移植性です。これらの古い方法は、Webドキュメントにのみ適用されますが、DOMは任意のマークアップ言語に適用されます。
イベント処理機能
リンクをクリックするときは、別のウィンドウに行く代わりにこのWebページにとどまりたいと思います。コードは次のとおりです。
コードコピーは次のとおりです。
<a href = "http://www.example.com" onclick = "showpic(this); return false;"> click </a>
このリンクをクリックすると、onClickイベントハンドラー関数によってトリガーされたJavaScriptコードによって返される値がfalseであるため、このリンクのデフォルト動作はトリガーされません。
チャイルドノード属性
ChildNodes属性を使用して、あらゆる要素のすべての子要素を取得できます。 ChildNodesプロパティによって返される配列には、要素ノードだけでなく、すべてのタイプのノードが含まれています。実際、ドキュメント内のほとんどすべてがノードであり、スペースやラインブレークでさえノードとして解釈され、それらはすべてChildNodesプロパティによって返される配列に含まれています。
ただし、各ノードにはnodeTypeプロパティがあります。 NodeType属性には12の望ましい値がありますが、有用な値を持つ3つのみが3つのみです。要素ノードのNodeType属性値は1、属性ノードのnodeType属性値は2、テキストノードのNodeType属性値は3です。
テキストノードの値を変更する場合は、DOMが提供するNodevalueプロパティを使用します。
アレイ要素の子育て[0]には、より直感的で読みやすい同義語があり、FirstChildとして書くことができます。 DOMは、対応するLastChild属性も提供します。
例:
コードコピーは次のとおりです。
<p id = "description">画像を選択</p>
最初に変数を作成して保存します。
コードコピーは次のとおりです。
var description = document.getElementById( "説明");
description.nodevalueの返品値はnullです。 <p>要素自体の節点プロパティはヌル値です。 <p>要素に含まれるテキストの値を取得したい場合は、説明を使用する必要があります。childnodes[0] .nodevalueまたはdescription.firstchild.nodevalue