亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Javascript 基礎(chǔ)教學(xué)課程DOM 與 HTML

改變html內(nèi)容

innerHTML

#下面我們來寫一個(gè)實(shí)例，程式碼如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>	
</head>
<body>
	<div name="test" class="dv" id="dv">php 中文網(wǎng)</div>

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

如上程式碼，首先我們透過id取得這個(gè)元素節(jié)點(diǎn)，然後把值改變賦值給變數(shù)test ,然後輸出

#改變html 屬性，程式碼如下

<!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">
	        //注釋這段代碼，看一下，是一張圖，運(yùn)行之后，顯示的不是原圖，是另外一張圖
		document.getElementById("image").src="https://img.php.cn/upload/course/000/000/010/582eab9aa05cd314.jpg";
	</script>
</body>
</html>


#
繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div name="test" class="dv" id="dv">php 中文網(wǎng)</div> <script type="text/javascript"> var div = document.getElementById("dv"); var test = div.innerHTML = "php.cn"; alert(test); </script> </body> </html>
提交重置程式碼