ホームページ > 記事 > ウェブフロントエンド > JavaScriptでHTMLを変更する方法
JavaScriptでHTMLを変更する方法
- coldplay.xixiオリジナル
- 2021-04-30 11:59:133599ブラウズ
JavaScript を使用して HTML を変更する方法: 1. [document.write()] を使用してコンテンツを HTML 出力ストリームに直接書き込みます; 2. innerHTML 属性を使用して HTML コンテンツを変更します; 3. HTML を変更します属性。
このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。
HTML を変更する Javascript メソッド:
HTML 出力ストリームを変更する:
JavaScript では、 document.write()コンテンツを HTML 出力ストリームに直接書き込むために使用できます
<!DOCTYPE html> <html> <body> <script> document.write(Date()); </script> </body> </html>
ドキュメントのロード後に document.writr() を使用しないでください。ドキュメントが上書きされます。
HTML コンテンツの変更
HTML コンテンツを変更する最も簡単な方法は、innerHTML 属性を使用することです
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
</body>
</html>HTML 属性の変更
この例では、a1f02c36ba31691bcfe87b2722de723b 要素の src 属性を変更します
<!DOCTYPE html>
<html>
<body>
<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
</body>
</html>関連する無料学習の推奨事項: JavaScript ビデオ チュートリアル
以上がJavaScriptでHTMLを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。