javascript控制css样式，js控制css属性

在javascript中如何操作css,请举例说明

JavaScript访问CSS属性的方式总体说来有两种：“通过元素访问”、“直接访问样式表”。另外访问样式的时候有一个不可忽略的问题——运行时样式。通过元素访问既然是要通过元素访问样式表，那么就应该先确定是哪个元素。

用JavaScript修改CSS属性 只有写原生的javascript了。

l JavaScript中采用驼峰命名法：在css中，属性名中的单词之间是用横杠隔开，如font-weight， background-color。

直接更改，比如：xID.style.display = block； // 更改display属性，会覆盖css中的定义。xID.style.display = ； // 取消js更改display属性，以css样式为准。这里的xID，是通过id获取的标签。

相关问答

Q1: js控制节点的css样式

可以直接修改div的样式，通过修改元素的style属性值去修改CSS样式。

第一种：根据url来判断，根据url对应的页面，设定每一项的样式。

JavaScript设置内联样式 改变样式最直接的方法就是改变元素节点的style属性。

直接使用Medias Query来实现，在css样式表中直接用 media(min-width：1200px){ /*这里是大于1024的代码。

语法：元素.style.样式名=样式值 注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。

没有什么区别，就如同js代码可以直接写在下面这个标签内一样，可以省略type的内容 而且实际中要操作样式一般都比较复杂，用jQuery的几率更大。

Q2: 如何使用js来控制图片的css样式?

这个可以用CSS实现就好了。不必要使用JS 图片放大效果的话，建议用一个额外的 div层放置放大后的图片，这样布局就不会乱了。鼠标放上去就显示这个层。

现在通过这几行用到jQuery的代码，控制图片边框根据鼠标移入移出边框变灰和变红。

可以直接修改div的样式，通过修改元素的style属性值去修改CSS样式。

JavaScript设置外部样式 当你需要改变的样式已经在css文件中定义了，我们也可以用JavaScript直接用定义好的css样式。

关于javascript控制css样式和js控制css属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。