Cara mengklik butang untuk mengubah suai teks dengan JavaScript-tutorial js-php.cn

Cara mengklik butang untuk mengubah suai teks dengan JavaScript

青灯夜游

Lepaskan： 2022-01-19 10:45:41

asal

9941 orang telah melayarinya

Cara mengubah suai teks dengan mengklik butang dalam JavaScript: 1. Buat elemen butang, gunakan atribut onclick untuk mengikat acara klik, dan tetapkan fungsi pemprosesan acara 2. Dalam fungsi pemprosesan acara, gunakan "element object.innerHTML= Pernyataan "modified text content";" boleh mengubah suai kandungan teks elemen.

Cara mengklik butang untuk mengubah suai teks dengan JavaScript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Butang klik JavaScript untuk mengubah suai teks

Idea pelaksanaan:

Buat elemen butang menggunakan Atribut onclick mengikat acara klik dan menetapkan fungsi pemprosesan acara;
Dalam fungsi pemprosesan acara, gunakan atribut innerHTML untuk mengubah suai kandungan teks elemen.

Kod pelaksanaan:

<!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>

Salin selepas log masuk

Cara mengklik butang untuk mengubah suai teks dengan JavaScript

[Cadangan berkaitan: Tutorial pembelajaran javascript]

Atas ialah kandungan terperinci Cara mengklik butang untuk mengubah suai teks dengan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!