ホームページ > ウェブフロントエンド > フロントエンドQ&A > js内のhtmlタグを削除する方法

js内のhtmlタグを削除する方法

藏色散人
リリース: 2023-01-04 09:33:50
オリジナル
4337 人が閲覧しました

HTML タグを削除する JS メソッド: 最初に新しい HTML ファイルを作成し、次に p タグを使用してテキストの複数の段落を作成し、次に button タグを使用して「HTML を削除」ボタンを作成し、最後に delhtml を作成します。 ()関数、および関数内で指定したpタグを削除できます。

js内のhtmlタグを削除する方法

この記事の動作環境: Windows 7 システム、javascript1.8.5&&html バージョン 5、DELL G3 コンピューター

新しい html ファイルを作成しますjs を使用して HTML タグを削除する方法を説明するために、 test.html という名前を付けます。

js内のhtmlタグを削除する方法

test.html ファイルで、p タグを使用してテキストの複数の段落を作成し、各 p タグの id 属性を同時に設定します。これは主に、以下の js を使用して、対応する p タグ オブジェクトを取得するために使用されます。

js内のhtmlタグを削除する方法

test.html ファイルで、button タグを使用して「HTML を削除」ボタンを作成します。

js内のhtmlタグを削除する方法

test.html ファイルで、onclick イベントをボタンにバインドします。ボタンがクリックされると、delhtml() 関数が実行されます。

js内のhtmlタグを削除する方法

test.html ファイルの js タグ内に delhtml() 関数を作成し、関数内の指定された p タグを削除します。

js内のhtmlタグを削除する方法

myfun() 関数では、getElementById() メソッドを通じて p タグ オブジェクトを取得し、remove() メソッドを使用して HTML を削除します。 p3 という ID を持つ p タグを削除します。

js内のhtmlタグを削除する方法

test.html ファイルをブラウザで開き、ボタンをクリックして効果を確認します。

js内のhtmlタグを削除する方法

推奨学習: 「HTML ビデオ チュートリアル 」「js 基本ビデオ

以上がjs内のhtmlタグを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート