JavaScript改变HTML元素的样式改变CSS及元素属性
作者:
改变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>