?????? HTML
JavaScript HTML DOM - HTML ??
HTML DOM? ???? JavaScript? HTML ??? ???? ??? ? ????.
HTML ?? ??? ??
JavaScript? ?? HTML ???? ??? ? ????.
?? ??: Wed Oct 26 2016 10:01:53 GMT+0800(China Standard Time)
JavaScript??? document.write( )? ??? ? ????. HTML ?? ???? ?? ???? ?? ? ?????.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script> document.write(Date()); </script> </body> </html>
??? ??? ??? document.write()? ???? ???. ??? ???? ???.
HTML ??? ??
HTML ???? ???? ?? ?? ??? innerHTML ??? ???? ????.
HTML ??? ??? ???? ?? ?? ?? ??? ?????.
document.getElementById(id).innerHTML=new HTML
? ???? <h1> ??? ??? ?????.
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<h1 id="header">Old Header</h1>
<script>
var element=document.getElementById("header");
element.innerHTML="新標(biāo)題";
</script>
</body>
</html>?? ?:
? HTML ???? id="header"? <h1> ??? ???? ????.
??? HTML DOM? ???? id="header"? ??? ?????.
JavaScript? ? ??? ??? ?????(innerHTML)
HTML ?? ??
HTML ??? ??? ???? ?? ?? ?? ??? ?????.
document.getElementById(id).attribute=new ?? ?
? ???? HTML ??? src ??? ?????. <img> ??:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<img id="image" src="smiley.gif" width="160" height="120">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
<p>原圖片為 smiley.gif,腳本將圖片修改為 landscape.jpg</p>
</body>
</html>?? ??:
?? HTML ???? id? "image"? <img> ??? ???? ????.
??? HTML DOM? ???? id? "image"? ??? ?????.
JavaScript? ? ??? ??? ?????("../style/images" /smiley.gif"? "../style/images/landscape.jpg"? ??)
