Javascript入門第8章 js domノードの属性解説_基礎知識-jsチュートリアル-php.cn

Javascript入門第8章 js domノードの属性解説_基礎知識

PHP中文网

リリース： 2016-05-16 19:03:18

オリジナル

1203 人が閲覧しました

最後の 2 つの記事では、DOM を使用してノードの作成、ノードのコピー、ノードの挿入、ノードの削除、ノードの置換、ノードの検索、属性の取得などを行う方法について説明しました。。。

今日は DOM 属性について話します。
実際、DOM 属性については以前にも触れたことがあります。
例:
nodeName、nodeType.... 今日は詳しく説明します。

1、nodeName 属性: ノードの名前。
ノードが要素ノードの場合は、要素の名前を返します。このとき、tagName属性に相当します。
例:

aaaa

: p を返します。
属性ノードの場合、nodeName はこの属性の名前を返します。
テキストノードの場合、nodeName は #text 文字列を返します。

もう 1 つ言いたいのは、nodeName 属性は読み取り専用属性であり、設定 (書き込み) できないことです。
値は大文字で返されます。

2,,nodeType 属性: このノードのタイプを表す整数を返します。
私たちは通常 3 つのタイプを使用します:
nodeType == 1 : 要素ノード
nodeType == 2 : 属性ノード
nodeType == 3 : テキストノード
覚えておきたい場合は、次のように覚えてください:
例:

test

前から後ろに読んでください: 最初に要素ノード (1)、次に属性ノードがあることがわかります。 (2)、そして最後に Text ノード (3) なので、nodeType が表すタイプを簡単に思い出すことができます。 (ちょっとしたトリックをまとめました。^_^。)

nodeType 属性は、間違ったノードタイプで間違った操作が実行されないようにするために、if と組み合わせてよく使用されます。
例:
function cs_demo(mynode){
if(mynode.nodeType == 1){
mynode.setAttribute("title","demo"); > }
コードの説明: まず、mynode の nodeType 属性をチェックして、それが表すノードが実際に要素ノードであることを確認します。
nodeName 属性と同様、これも読み取り専用属性であり、設定 (書き込み) できません。

3. nodeValue 属性: このノードの値である文字列を返します。
ノードが要素ノードの場合は null が返されます。(以下の注)
属性ノードの場合は、nodeValue はこの属性の値を返します。
テキストノードの場合、nodeValue はこのテキストノードのコンテンツを返します。
例:

aaaaaaaaaaaaaa

nodeValue は読み取りおよび書き込みが可能なプロパティです。ただし、要素ノードの値を設定することはできません。
次の例をもう一度見てください:

aaaaaaaaaaaaaa

もちろん、正しい動作を保証するために、コードを追加できます:
< ;p id="c ">aaaaaaaaaaaaa

著者別の最新記事