本文介绍了几种使用JavaScript来动态更新网页元素的方法，包括直接在输出流中写入内容、修改指定元素的内容、改变HTML属性及CSS样式等。通过具体实例展示了如何实现这些操作。
1.直接在输出流中写入。 例如写入系统时间用Date()
document.write(Date());
2.修改指定元素内容
document.getElementById("p1").innerHTML="New text!";3.改变html属性
document.getElementById(id).属性名=new value;
举个栗子：改变img的src
<!DOCTYPE html>
<html>
<body>
<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
</body>
</html>4.改变CSS样式
document.getElementById(id).style.样式名=new style;
举个栗子：改变p2段落的颜色为blue<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
扫一扫
611
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
