コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > バックエンド開発 > PHPチュートリアル > DOM削除ノード操作のJS実装例

DOM削除ノード操作のJS実装例

不言
リリース： 2023-03-23 08:52:02
オリジナル
2274 人が閲覧しました

この記事では、主に DOM ノード削除操作の JS 実装を紹介し、removeChild() を使用してページ DOM ノード削除関数を操作する関連する JavaScript の実装テクニックをサンプルの形式で分析します。この記事の例では、JS による DOM の実装を説明します。ノードの削除操作を行います。参考のために皆さんと共有してください。詳細は次のとおりです:

1 はじめに ノードの削除は、removeChild() メソッドを使用して実行されます。

removeChild() メソッドは、子ノードを削除するために使用されます。 removeChild()方法来实现。

removeChild()方法用来删除一个子节点。

obj. removeChild(oldChild)<br>oldChild：表示需要删除的节点。

二 应用

删除节点，本示例将通过DOM对象的removeChild()

obj.removeChild(oldChild)<br>oldChild

: 削除する必要があるノードを示します。 2

を使用してノードを削除します。この例では、DOM オブジェクトの removeChild() メソッドを通じて、ページ上で選択されたテキストを動的に削除します。

3 つのコード

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>

<html>

<head>

<title>www.jb51.net 删除节点</title>

<script language="javascript">

<!--

function delNode()

{

var deleteN=document.getElementById(&#39;di&#39;);

if(deleteN.hasChildNodes())

{

  deleteN.removeChild(deleteN.lastChild);

}

}

-->

</script>

</head>

<body>

<h1>删除节点</h1>

<p id="di">

<p>第一行文本</p>

<p>第二行文本</p>

<p>第三行文本</p>

</p>

<form>

<input type="button" value="删除" onclick="delNode();"/>

</form>

</body>

</html>

ログイン後にコピー

4 つの実行結果

関連する推奨事項:

js---DOM ノード

DOMメソッドを操作するための

JSとJQuery 🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜

以上がDOM削除ノード操作のJS実装例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
javascript 操作する 例
前の記事：PHPのdie()、exit()、returnの違いの分析 次の記事：PHPジャンプページのいくつかの実装方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート