微信客服
小编在Javascript基础学习：利用javascript改变html中图片的显示一文中，介绍了应用javascript来改变html中图片的地址，从而实现通过点击图片开灯关灯的效果。本文通过一段javascript代码的演示，让大家知道怎么应用JavaScript改变HTML元素的样式。详细代码如下：
<!DOCTYPE html>
<html>
<body>
<h1>应用JavaScript改变HTML元素的样式</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
点击之前的样式
点击之后的样式
通过上面点击前后的样式对比，大家可以很容易的就知道区别就是第二行文字颜色发生了改变。其实很简单就是通过x=document.getElementById("demo") 找到元素，然后通过x.style.color="#ff0000"来改变文字的样式。
对以上代码感兴趣的学员可以复制代码到本地自己运行看看实际的效果，如果你对网站建设有兴趣欢迎电话咨询（17740513250）或者网络咨询在线老师有关网站建设相关的培训课程。
- 武汉北大青鸟全媒体直播培训：科技改变了世界
- 全媒体零基础入门学习，快速成为全媒体运营师
- 零基础怎么学剪辑短视频？武汉有这样的培训机构吗
- 新媒体和平面运营零基础该怎么选？
- JavaScript 中的时间对象是什么？
- 零基础可以学Linux运维吗？Linux运维学习
- 零基础学linux运维能学会吗？需要学多久？
- 零基础学软件测试需要学习哪些内容？
- 零基础软件测试培训多长时间能学会？
- JavaScript中的函数then()是什么意思？
看过该软件测试工程师的还看过
本文标题：#javascript基础应用:应用JavaScript改变HTML元素的样式#，宏鹏发布于北大青鸟鲁广校区。网站建设除了经常使用div+css来设计网站以外，javascript也是经常应用到html代码中，实现特殊的网页效果，本文介绍应用JavaScript改变HTML元素的样式,以改变文字颜色实例做演示。
大家都在看的软件测试工程师
最新发布软件测试工程师
热门推荐
推荐软件测试工程师
