ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript ドキュメント オブジェクト モデル - コメント タイプ

JavaScript ドキュメント オブジェクト モデル - コメント タイプ

黄舟
リリース: 2017-01-20 14:41:51
オリジナル
1890 人が閲覧しました

コメントの内容は、DOM ドキュメントの Comment タイプで表されます。Comment ノードには次の特性があります:

  • nodeType 値は 8。

  • nodeNameの値は「#comment」です。

  • nodeValue の値はアノテーションの内容です。

  • parentNode はドキュメントまたは要素の場合があります。

子ノードはありません。

Comment 型は Text 型と同じ基本クラスを継承しているため、splitText() を除くすべての文字列操作メソッドを持ちます。 Text タイプと同様に、コメントの内容は、nodeValue または data 属性を通じて取得することもできます。

コメント ノードはその親ノードを通じてアクセスできます。例として次のコードを取り上げます。

<div id="myDiv"><!-- 一个注释内容 --></div>
ログイン後にコピー

上記のコードでは、コメント ノードは

l 要素の子ノードです。次のコードを通じてアクセスできます:

var div = document.getElementById("myDiv");
var comment = div.firstChild;
console.info(comment.data);       // "一个注释内容"
ログイン後にコピー

コメントを作成するには、document.createComment() メソッドを使用し、コメントの内容をパラメータとして渡します。例:

var comment = document.createComment("注释内容");
ログイン後にコピー

コメント ノードは基本的に DOM アルゴリズム全体に影響を与えないため、実際の運用では通常、コメント ノードを作成してアクセスすることはありません。

また、ブラウザは以降のコメント内容を認識できません。コメント ノードにアクセスする場合は、コメント ノードが 要素の子孫であることを確認してください。

上記は JavaScript Document Object Model-Comment タイプの内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート