masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Tutorial Asas Javascript: DOM dan HTML

Tukar kandungan html

innerHTML

Jom tulis di bawah An contoh, kodnya adalah seperti berikut: 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>	
</head>
<body>
	<div name="test" class="dv" id="dv">php 中文网</div>

	<script type="text/javascript">
		var div = document.getElementById("dv");
		var test = div.innerHTML = "php.cn";
		alert(test);
	</script>
</body>
</html>

Seperti dalam kod di atas, mula-mula kita dapatkan nod elemen melalui id, kemudian tukar nilai dan berikannya kepada pembolehubah ujian, dan kemudian keluarkan

Tukar atribut html, kodnya adalah seperti berikut

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>	
</head>
<body>
	<img src="https://img.php.cn/upload/course/000/000/010/582eab68f0bdb633.jpg" name="image" id="image"
	width="50" height="50">

	<script type="text/javascript">
	        //注释这段代码，看一下，是一张图，运行之后，显示的不是原图，是另外一张图
		document.getElementById("image").src="https://img.php.cn/upload/course/000/000/010/582eab9aa05cd314.jpg";
	</script>
</body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div name="test" class="dv" id="dv">php 中文网</div> <script type="text/javascript"> var div = document.getElementById("dv"); var test = div.innerHTML = "php.cn"; alert(test); </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492836 permainan