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

Javascript 基礎(chǔ)教程之DOM 與 HTML

改變html內(nèi)容

innerHTML

下面我們來寫一個實例，代碼如下：

<!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獲取這個元素節(jié)點，然后把值改變 賦值給變量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">
	        //注釋這段代碼，看一下，是一張圖，運行之后，顯示的不是原圖，是另外一張圖
		document.getElementById("image").src="https://img.php.cn/upload/course/000/000/010/582eab9aa05cd314.jpg";
	</script>
</body>
</html>


繼續(xù)學(xué)習
||
<!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>
提交重置代碼