Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでHTMLコンテンツを変更することは可能ですか？

はい、JavaScriptのHTMLの内容を変更することは可能です。通常、HTMLコンテンツは

、などのHTMLタグに含まれます。javascriptには、DOMメソッドがあります。 HTMLタグにアクセスする機能があります。 document.getElementById（）、document.getElementByTagName（）などのこれらのメソッドは、タグを使用してHTMLコンテンツを変更します。

例-1

次の例では、スパンタグのコンテンツがjavascriptDOMメソッドdocument.getElementById（）を使用して変更されています。 。 

<html>
<body>
   <span id="change">Is javaScript is java.</span>
   <input type = "button" value = "change"
   onclick='document.getElementById("change").innerHTML = "No JavaScript is not java!"'>
</body>
</html>

上記のコードを実行すると、画面に次のように表示されます

JavaScriptでHTMLコンテンツを変更することは可能ですか？

上記の「変更」ボタンをクリックすると、次の出力が表示されます

出力

JavaScriptでHTMLコンテンツを変更することは可能ですか？

例-2

次の例では、段落タグの内容がJavascriptDOMメソッドを使用して変更されています。 

<html>
<body>
   <p id="change">Elon musk has failed 3 times</p>
   <input type = "button" value = "change"
   onclick='document.getElementById("change").innerHTML = "Elon musk has succeded in his fourth attempt"'>
</body>
</html>

上記のコードを実行すると、画面に次のように表示されます

JavaScriptでHTMLコンテンツを変更することは可能ですか？

上記の「変更」ボタンをクリックすると、次の出力が表示されます

出力

JavaScriptでHTMLコンテンツを変更することは可能ですか？


  1. ドキュメント全体のHTMLをJavaScriptで文字列として取得するにはどうすればよいですか？

    ドキュメントのHTML全体を文字列として取得するには、-のようなinnerHTMLの概念を使用します。 document.documentElement.innerHTML; 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-widt

  2. JavaScriptは関数の結果をHTMLとして表示しますか？

    関数の結果をHTMLとして表示するには、-を使用できます。 document.getElementById().innerHTML. 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0&