ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLの項目とはどういう意味ですか?
HTMLの項目とはどういう意味ですか?
- 醉折花枝作酒筹オリジナル
- 2021-06-04 15:14:3810365ブラウズ
HTML では、item はノード リストの指定されたインデックスにあるノードを意味し、構文形式は「document.element object.childNodes.item(value)」です。ノードはソース コードに出現する順序で並べられ、ノード リストのインデックスは 0 から始まります。
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。