ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLの項目とはどういう意味ですか?

HTMLの項目とはどういう意味ですか?

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-04 15:14:3810305ブラウズ

HTML では、item はノード リストの指定されたインデックスにあるノードを意味し、構文形式は「document.element object.childNodes.item(value)」です。ノードはソース コードに出現する順序で並べられ、ノード リストのインデックスは 0 から始まります。

HTMLの項目とはどういう意味ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

JavaScript に jQ の eq() に似た関数があるとは知りませんでした。ネイティブ JavaScript の item() にも同様の関数があることがわかりました。

ネイティブ JavaScript なので、違い:

1、childNodes: これは標準属性であり、HTML ノード、すべての属性、テキスト ノードを含む、指定された要素の子要素のコレクションを返します。 どのタイプのノードであるかはnodeTypeで判断でき、nodeType==1の場合のみ要素ノード、2が属性ノード、3がテキストノードとなります。

2、children: 非標準属性。指定された要素の子要素のセットを返します。 ただし、返されるのは HTML ノードだけであり、テキスト ノードも返されません。標準の DOM 属性ではありませんが、innerHTML メソッドと同様に、ほとんどすべてのブラウザでサポートされています。

要素の最初の子ノードを返します:

document.body.childNodes.item(0);

テスト コード: テストする w3c アドレス

<!DOCTYPE html>
<html>
<body>
<p id="p1">
 <p class="demo">点击按钮来获得 body 元素0个子节点的名称。</p>
 <p class="demo">点击按钮来获得 body 元素1个子节点的名称。</p>
 <p class="demo">点击按钮来获得 body 元素2个子节点的名称。</p>
 <p class="demo">点击按钮来获得 body 元素3个子节点的名称。</p>
</p>
 <p id="demo"></p>

<button onclick="myFunction()">试一下</button>

<script>
function myFunction()
{
var x = document.getElementById("demo");
var p1 =  document.getElementById("p1"); 
x.innerHTML = p1.childNodes.item(3).nodeName; 
//x.innerHTML = p1.children.item(1).nodeName; //children得到的是元素节点
}
</script>

</body>
</html>

以下は item の使用法を説明します。 () :

定義と使用法

item() メソッド ノード リスト内の指定されたインデックスにあるノード。

次の 2 つの構文は同じ結果を生成します:

document.body.childNodes.item(0);
document.body.childNodes[0];

推奨される学習: html ビデオ チュートリアル

以上がHTMLの項目とはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。