cari

Rumah >hujung hadapan web >tutorial js >Cara mengklik butang untuk mengubah suai teks dengan JavaScript

Cara mengklik butang untuk mengubah suai teks dengan JavaScript

青灯夜游
青灯夜游asal
2022-01-19 10:45:4110016semak imbas

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>

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!

JavaScript 对象 事件 innerHTML
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Analisis ringkas tentang cara menggunakan perpustakaan Puppeteer untuk menjana poster dalam Node (perkongsian pelan pelaksanaan)Artikel seterusnya：Analisis ringkas tentang cara menggunakan perpustakaan Puppeteer untuk menjana poster dalam Node (perkongsian pelan pelaksanaan)

Artikel berkaitan

Lihat lagi