node_javascript スキルの兄弟、親、子要素を取得するための JS メソッド

まず、JQUERY メソッドよりもはるかに面倒な JS 取得メソッドについて説明します。JQUERY メソッドは後で比較するために使用します。

JS メソッドは JQUERY よりもはるかに面倒です。主な理由は、FF ブラウザが改行を DOM 要素として扱うためです。

コードをコピー コードは次のとおりです。

ネイティブ JS は、ID テストを持つ要素の下にある子要素を取得します。利用可能:

var a = docuemnt.getElementById("test").getElementsByTagName("div"); これは問題ありません

現時点では a.length=2;

しかし、別の方法を使用すると

var b =document.getElementById("test").childNodes;

現時点では、IE ブラウザでは b.length は問題なく、2 のままですが、FF ブラウザでは改行も要素として扱うため、4 になります。

ここでは、これらの要素を走査し、スペースとテキストであるすべての要素を削除する必要があります。

コードをコピー コードは次のとおりです。

function del_ff(elem){
var elem_child = elem.childNodes;
for(var i=0; iif(elem_child[i].nodeName == "#text" && !/s/.test (elem_child.nodeValue))
{elem.removeChild(elem_child)
}
}
}

上記の関数は、ノードがある場合に子要素を走査します。テキストである要素を入力し、テキスト タイプ ノードのノード値が空です。彼を削除してください。

nodeNames はノードのノード タイプを取得できます。/s/ は JS の空でない文字の正規表現です。前に追加してください！ 、空の文字

を意味します。

test() メソッドは、文字列が特定のパターンに一致するかどうかを確認するために使用されます。構文は次のとおりです: RegExpObject.test(string)

文字列 string に RegExpObject に一致するテキストが含まれている場合は true を返し、それ以外の場合は false を返します。

nodeValue は、このノードの値を取得することを意味します。

removeChild は、要素の子要素を削除します。

の後、息子、父、兄弟などのプロパティを呼び出す前に、上記の関数を呼び出してスペースをクリアします

コードをコピー コードは次のとおりです。

< /div>

<script><br>関数 dom() {<br>var s= document.getElementById("test");<br>del_ff(s); //スペースをクリーンアップします <br>var chils= s.childNodes; // s<br>var par=s.parentNode; // s<br>var ns=s.nextSbiling; の親ノードを取得します。 // s の次の兄弟ノードを取得します<br>var ps=s.previousSbiling; // s の前の兄弟ノードを取得します<br>var fc=s.firstChild; // s<br>var lc の最初の子ノードを取得します。 =s .lastChile // s の最後の子ノードを取得します。 <p>}<br></script>

以下では、JQUERY の親ノード、子ノード、兄弟ノードを検索する方法を紹介します

jQuery.parent(expr) 親ノードを見つけるには、$("span").parent() や $("span").parent(".class") などのフィルタリング用の expr を渡すことができます。

jQuery.parents(expr)。jQuery.parents(expr) に似ていますが、親要素に限定されず、すべての祖先要素を検索します。

jQuery.children(expr)。すべての子ノードを返します。このメソッドは直接の子ノードのみを返し、すべての子孫ノードを返しません。

jQuery.contents() は、ノードとテキストを含む以下のすべてのコンテンツを返します。このメソッドとchildren()の違いは、空白のテキストを含めることも

として扱われることです。

jQuery オブジェクトが返され、children() はノードのみを返します

jQuery.prev()、すべての兄弟ノードではなく、前の兄弟ノードを返します

jQuery.prevAll()、以前のすべての兄弟ノードを返します

jQuery.next()、すべての兄弟ノードではなく、次の兄弟ノードを返します

jQuery.nextAll()、後続のすべての兄弟ノードを返します

jQuery.siblings()、前後関係なく兄弟ノードを返します

jQuery.find(expr) は jQuery.filter(expr) とはまったく異なります。 jQuery.filter() は、jQuery オブジェクトの初期コレクションの一部をフィルターで除外します。jQuery.find() の戻り結果には、$("p")、find("span など) の初期コレクションの内容は含まれません。 ") 、

要素から開始して を見つけます。これは $("p span")

と同等です。

このウェブサイトの声明

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

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

4週間前 By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O.最高のグラフィック設定

4週間前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンのクリードシャドウズ：シーシェルリドルソリューション

2週間前 By DDD

R.E.P.O.誰も聞こえない場合はオーディオを修正する方法

4週間前 By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O.チャットコマンドとそれらの使用方法

4週間前 By 尊渡假赌尊渡假赌尊渡假赌

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7518

15

CakePHP チュートリアル

1378

52

Steamのアカウント名の形式は何ですか

81

11

Win11 Activation Key Permanent

53

19

NYTの接続はヒントと回答です

21

68

もっと見る