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

青灯夜游
Freigeben: 2022-01-19 10:45:41
Original
10000 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage