改变 HTML
改变 HTML 内容
修改 HTML 内容的最简单的方法时使用 innerHTML 属性。
语法：document.getElementById(id).innerHTML=new HTML
示例1：
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
</body>
</html>
改变 HTML 属性
语法：
document.getElementById(id).attribute=new value
示例2：
<!DOCTYPE html>
<html>
<head></head>
<body>
<input id="changes" type="text" value="改变标签的属性" />
<script>
//把input的属性type值改变为button
document.getElementById("changes").type="button";
</script>
</body>
</html>
在右边代码框中试试上述中的示例。