本文介绍如何使用JavaScript修改HTML元素的内容及属性。通过获取元素ID，利用innerHTML属性可更改标签内的文本或HTML结构；通过直接赋值方式可修改元素的href等属性值。结合具体按钮点击事件示例，演示了动态更新页面内容的完整代码实现。
修改元素内容的方法
要修改HTML元素的内容，可以通过JavaScript获取目标元素，并设置其innerHTML属性。例如，在所示的代码中，首先通过document.getElementById("pid")获取id为pid的段落元素，然后在demo函数中将innerHTML设置为"World"，从而改变该元素的显示内容。
<body>
<p id="pid">Hello</p>
<button onclick="demo()">按钮</button>
<script>
function demo(){
var nv = document.getElementById("pid");
nv.innerHTML="World";
}
</script>
</body>
修改元素属性的方法
修改元素的属性值同样可以通过JavaScript实现。如代码所示，获取id为aid的链接元素后，直接对其href属性进行赋值操作，即可动态修改链接地址。这种方法适用于需要更新元素特定属性（如href、src等）的场景。
<body>
<a href="http://www.baidu.com/" id="aid" >呵呵</a>
<button onclick="demo()">按钮</button>
<script>
function demo(){
document.getElementById("aid").href="http://www.jikexueyuan.com";
}
</script>
</body>以上即为使用JavaScript修改HTML元素内容及属性的完整方法。通过上述示例，您可以掌握如何动态更新页面内容，希望这些内容对您有所帮助。