这篇文章给大家介绍如何用javascript改变颜色，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
使用javascript改变颜色的方法：1、使用“元素对象.style.color = "颜色值";”语句来改变文本颜色；2、使用“元素对象.style.backgroundColor = "颜色值";”语句来改变背景颜色。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
使用javascript改变颜色
1、使用Style对象color 属性改变文本颜色
color 属性可设置文本的颜色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="box">元素内容</div><br />
<button onclick="myFunction()">改变文本颜色</button>
<script>
function myFunction() {
var box = document.getElementById("box");
box.style.color = "red";
}
</script>
</body>
</html>
2、使用Style对象backgroundColor 属性改变背景颜色
backgroundColor 属性可设置元素的背景颜色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="box">元素内容</div><br />
<button onclick="myFunction()">改变背景颜色</button>
<script>
function myFunction() {
var box = document.getElementById("box");
box.style.backgroundColor = "red";
}
</script>
</body>
</html>
1、js属于一种解释性脚本语言；2、在绝大多数浏览器的支持下，js可以在多种平台下运行，拥有着跨平台特性；3、js属于一种弱类型脚本语言，对使用的数据类型未做出严格的要求，能够进行类型转换，简单又容易上手；4、js语言安全性高，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失；5、基于对象的脚本语言，js不仅可以创建对象，也能使用现有的对象。
关于如何用javascript改变颜色就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
