HTMLの項目とはどういう意味ですか?-htmlチュートリアル-php.cn

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

醉折花枝作酒筹

リリース： 2023-01-06 11:16:38

オリジナル

10334 人が閲覧しました

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 サイトの他の関連記事を参照してください。