suchen

Heim >Web-Frontend >js-Tutorial >So klicken Sie auf eine Schaltfläche, um Text mit JavaScript zu ändern

So klicken Sie auf eine Schaltfläche, um Text mit JavaScript zu ändern

青灯夜游
青灯夜游Original
2022-01-19 10:45:4110016Durchsuche

JavaScript点击按钮修改文本的方法：1、创建一个按钮元素，使用onclick属性绑定点击事件，并设置事件处理函数；2、在事件处理函数中，使用“元素对象.innerHTML="修改后的文本内容";”语句修改元素文本内容即可。

So klicken Sie auf eine Schaltfläche, um Text mit JavaScript zu ändern

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript点击按钮修改文本

实现思想：

  • 创建一个按钮元素，使用onclick属性绑定点击事件，并设置事件处理函数；

  • 在事件处理函数中，利用innerHTML属性修改元素文本内容。

实现代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<p id="con">默认文本内容</p>
		<button onclick="myFunction()">点击按钮修改文本内容</button>
		<script>
			function myFunction() {
				var p=document.getElementById("con");
				p.innerHTML="修改后的文本内容";
			}
		</script>
	</body>
</html>

So klicken Sie auf eine Schaltfläche, um Text mit JavaScript zu ändern

【相关推荐：javascript学习教程】

Das obige ist der detaillierte Inhalt vonSo klicken Sie auf eine Schaltfläche, um Text mit JavaScript zu ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript 对象 事件 innerHTML
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Eine kurze Analyse der Verwendung der Puppeteer-Bibliothek zum Generieren von Postern in Node (Freigabe von Implementierungsplänen)Nächster Artikel：Eine kurze Analyse der Verwendung der Puppeteer-Bibliothek zum Generieren von Postern in Node (Freigabe von Implementierungsplänen)

In Verbindung stehende Artikel

Mehr sehen