ホームページ > 記事 > ウェブフロントエンド > HTMLの項目とはどういう意味ですか?
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 サイトの他の関連記事を参照してください。