JavaScript改变HTML的内容
<!DOCTYPE html>
<html>
<body><h2>JavaScript 能做什么</h2><p id="demo">JavaScript 能够改变 HTML 内容。</p><button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我！</button></body>
</html>JavaScript改变HTML的属性
<!DOCTYPE html>
<html>
<body><h2>JavaScript 能做什么？</h2><p>JavaScript 能够改变 HTML 属性值。</p><p>在本例中，JavaScript 改变了图像的 src 属性值。</p><button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button><img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;"><button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button></body>
</html>JavaScript改变HTML的样式
<!DOCTYPE html>
<html>
<body><h2>JavaScript 能够做什么</h2><p id="demo">JavaScript 能够改变 HTML 元素的样式。</p><button type="button" onclick="document.getElementById('demo').style.fontSize='35px'">点击我！</button></body>
</html>JavaScript隐藏HTML的内容
<!DOCTYPE html>
<html>
<body><h2>JavaScript 能够做什么</h2><p id="demo">JavaScript 能够隐藏 HTML 元素。</p><button type="button" onclick="document.getElementById('demo').style.display='none'">点击我！</button></body>
</html>JavaScript显示HTML被隐藏的元素
<!DOCTYPE html>
<html>
<body><h2>JavaScript 能够做什么</h2><p>JavaScript 能够显示隐藏的 HTML 元素。</p><p id="demo" style="display:none">Hello JavaScript!</p><button type="button" onclick="document.getElementById('demo').style.display='block'">点击我！</button></body>
</html>
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
