本站停止维护,已转移至laravel学习网;欢迎大家移步访问!

JavaScript 改变 HTML 元素的内容以及改变 HTML 元素的样式。

在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。

提示:绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。

修改 HTML 内容的最简单的方法时使用 innerHTML 属性。

如需改变 HTML 元素的内容,请使用这个语法:

document.getElementById(id).innerHTML=test HTML

或者这么用:

<script>
var element=document.getElementById(id);
element.innerHTML="test";
</script>

其实他们两个是一个意思。


如需改变 HTML 元素的属性,请使用这个语法:

document.getElementById(id).attribute=new value

比如这个

<!DOCTYPE html>
<html>
<body>

<img id="image" src="/img/one.png" />

<script>
document.getElementById("image").src="/img/two.png";
</script>

<p>原图片是one.png,但是已被修改two.png</p>

</body>
</html>

如需改变 HTML 元素的样式,请使用这个语法:

document.getElementById(id).style.property=new style

比如这个:

<p id="p1">test!</p>

<script>
document.getElementById("p1").style.color="red";
</script>

假如本来的是黑色的字体,现在已经改变了元素的样式,把字体变成红色了。

当然你想要改变其他元素的样式也可以, 只有了解了这些,才能熟练运用js的DOM事件。

转载请注明 :一沙网络原文出处:http://bbs.earnp.com/article/159
问题交流群 :562864481
0
作者没有开启打赏
发布时间 :2016-09-01 23:08:31
分享

0 个评论

    还没有评论,感觉来抢沙发吧!

要回复文章请先登录注册