JavaScript HTML DOM - 改变 HTML、CSS样式

最新推荐文章于 2021-02-13 20:30:59 发布

怎么才这几个粉丝

最新推荐文章于 2021-02-13 20:30:59 发布

阅读量688

点赞数

分类专栏： JavaScript&ECMAScript 文章标签： DOM javascript

本文链接：https://blog.csdn.net/guitarist0505/article/details/79848782

版权

JavaScript&ECMAScript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

怎么才这几个粉丝

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript HTML DOM - 改变 HTML、CSS样式

1.直接在输出流中写入。例如写入系统时间用Date()document.write(Date());2.修改指定元素内容document.getElementById("p1").innerHTML="New text!";3.改变html属性document.getElementById(id).属性名=new value;举个栗子：改变img的src&lt;!DOCTYPE html&gt;...
复制链接

扫一扫