如何实现js改变css？

html-css011

如何实现js改变css？,第1张

js改变css,首先我们需要考虑的就是将要改变的那个元素获取到，一般是通过给一个id，然后在通过style获去改变那个元素的css，这里通过代码来理解：

<html>

<head></head>

<script>

window.onload = function(){

var oDiv = document.getElementById('div1')

var oDiv1.style.color = "#f00"

}

</script>

<body>

<div id='div1'>

<p>我是会变颜色</p>

</div>

</body>

</html>

js:

el.style.display = 'value'  // el 为DOM元素，display为要设置的属性（width，height，等，采用驼峰式命名法），value为想要设置的值

jQ

$('.class').css('name', 'value')

或者

$('.class').css({

    name1: value1,

    name2: value2,

    'backgroud-color': 'red'

})

键值可以使用驼峰式命名法

既然没有权限就不要改了

用jquery加一个hover颜色，你不觉得这样得不偿失么

明面几个字符搞定，非要用一个jquery库解决。

我劝你还是活的权限修改css的好。