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>
相关文章
这篇文章介绍了如何使用localStorage和sessionStorage设置失效时间来清除本地存储的数据,并提供了一种自动清除过期数据的方法,需要的朋友可以参考下2025-02-02
AngularJs中Bootstrap3 datetimepicker使用实例
这篇文章主要为大家详细介绍了AngularJs中Bootstrap3 datetimepicker使用实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要为大家详细介绍了Javascript实现鼠标点击冒泡特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要介绍了详解babel升级到7.X采坑总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
让光标默认停留在INPUT框中，用focus方法可以实现，下面有个示例代码，需要的朋友可以参考下2014-07-07
from 表单提交的返回值可以用jquery的post或者是get方法去实现，具体如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
这篇文章主要介绍了JS如何动态增加删除UL节点LI及相关内容,需要的朋友可以参考下2014-05-05
浅谈javascript的Array.prototype.slice.call
发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。2015-08-08
js中offset,client , scroll 三大元素知识点总结
在本篇文章里小编给大家整理了关于js 元素offset,client , scroll 三大系列总结，有需要的朋友们可以学习下。2019-09-09
本篇文章主要介绍了原生JS实现日历组件的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
最新评论