JavaScript改变HTML元素的样式改变CSS及元素属性
更新时间：2013年11月12日 17:40:45 作者：
改变CSS及元素属性的方法有很多，在本文将为大家介绍下使用js是如何做到的，感兴趣的朋友可以感受下
改变 HTML 样式
如需改变 HTML 元素的样式，请使用这个语法：
document.getElementById(id).style.property=new style
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
JS改变元素属性;
<script>
var div = document.getElementByIdx_x('d1');
div.setAttribute("class", "abc");
</script>
如需改变 HTML 元素的样式，请使用这个语法：
复制代码 代码如下:
document.getElementById(id).style.property=new style
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
</script>
JS改变元素属性;
复制代码 代码如下:
<script>
var div = document.getElementByIdx_x('d1');
div.setAttribute("class", "abc");
</script>
相关文章
上次初步介绍了什么是控制台，以及简单的 console.log 输出信息。最后还有两个小问题，我们就当回顾，来看下怎么操作吧2014-06-06
javascript实现划词标记+划词搜索功能...2007-03-03
这篇文章主要介绍了javascript操作元素的常见方法,结合实例形式总结分析了JavaScript针对页面元素动态获取、赋值、动态操作相关使用技巧,需要的朋友可以参考下2019-11-11
下面小编就为大家带来一篇深入理解JS中的substr和substring。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
下面小编就为大家带来一篇js实现上一页下一页的效果【附代码】。小编觉得非常不错。现在分享给大家。希望能给大家一个参考。2016-03-03
本篇文章通过一个抢红包的网页实例讲述了Javascript书写的原理以及思路，有兴趣的朋友参考学习下。2018-01-01
下面小编就为大家带来一篇老生常谈原生JS执行环境与作用域。小编觉得挺不错的，希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-11-11
这篇文章主要为大家详细介绍了JavaScript常考手写题中柯里化与数组扁平化、数组去重的实现,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
这篇文章主要介绍了JavaScript中的对象序列化介绍,JavaScript中的对象序列化是通过JSON.stringify()来实现的,而反序列化则通过JSON.parse()来实现,需要的朋友可以参考下2014-12-12
HTML页面元素可以通过js动态改变，比如可以向HTML中添加元素或删除某个元素，下面为示例代码，感兴趣的朋友不要错过2014-08-08
最新评论