ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでタグの値を変更する方法

JavaScriptでタグの値を変更する方法

青灯夜游
青灯夜游オリジナル
2021-09-16 17:43:485261ブラウズ

タグの値を変更する Javascript メソッド: 1. 「document.getElementById('id value')」ステートメントを使用して、指定された id 値に基づいて要素オブジェクトを取得します。 2. 「a」を使用します。 element object.innerHTML = "new Text content "" ステートメントを使用して値を変更します。

JavaScriptでタグの値を変更する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript はタグの値を変更します

    ##タグ要素オブジェクトを取得します
  • #innerHTML 属性を使用して値を変更します

  • 実装コード:
  • <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8" id="remove">
    	</head>
    
    	<body>
    		<p style="font-size: 19px; font-weight: bold;">单击按钮改变下面a标签的值</p>
    		<a href="#" id="a">超链接文本</a><br /><br />
    		<button onClick="Fun()">点击这里</button>
    		<script>
    			var a = document.getElementById(&#39;a&#39;); //获取a元素对象
    
    			function Fun() {
    				a.innerHTML = "新文本内容";
    			}
    		</script>
    	</body>
    </html>
レンダリング:

説明: JavaScriptでタグの値を変更する方法

innerHTML 属性は、開始タグと終了タグの間の HTML を設定または返します。文法:

HTMLElementObject.innerHTML=text
HTMLElementObject.innerHTML

[推奨学習:

JavaScript 上級チュートリアル

]

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

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