js改变css的top，js改变css的背景图片

用js可以改变网页头部css样式吗

这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。

第二步：写一个js函数，代码如下：function change（a）{var css=document.getElementById（css）；if （a==1）css.setAttribute（href，css）；if （a==2）css.setAttribute（href，css）；}这个函数的code可以放在页面的任何地方。

JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。案例以下小案例使用JQuery作为演示。前提： html页面首先必须引入JQuery，放置在body体最后的位置。例如：html部分代码 我是一个段落，我没有背景颜色的，但是JQuery会给我增加背景颜色。

通常我们将网页的样式和内容分开，样式放在css文件，内容放在html文件，当html文件需要用到样式的时候，直接引用css中定义的样式就可以了。其实JavaScript也能使用css文件或直接改变样式的属性来动态的改变网页的样式。JavaScript设置内联样式 改变样式最直接的方法就是改变元素节点的style属性。

通过改变外链样式的的href的值实现网页样式的实时切换，也就是改变模板风格。

相关问答

Q1: js获取css属性,更改margin-top属性,给每个a标签的margin-top属性在原...

1、DIV CSS外边距指CSS属性单词margin，margin是设置对象四边的外延边距，没有背景颜色也无颜色。margin语法Margin：10pxMargin的值是数字+html单位，同时也可以为auto（自动、自适应）应用结构Div{margin：10px}设置div对象四边间距为10pxMargin说明margin是设置对象外边距外延边距离。

2、margin-top是CSS中的一个属性，用于设置元素的上边距，所有主流浏览器都支持margin-top属性。层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

3、需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的a标签中，输入样式代码：style=margin-left： 30px；。浏览器运行index.html页面，此时成功在a标签设定了左边30px的margin属性。

4、在CSS（层叠样式表）中，margin是用来定义元素周围的外边距（margin）的属性。外边距是指元素边框与相邻元素边框之间的空白区域。margin属性可以用来设置上、右、下、左四个方向的外边距，也可以用一个值设置所有方向的外边距。

Q2: 如何用JS来改变CSS属性?

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

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

3、详细方法如下：第一步：在连接样式表的元素里定义一个id，例如我定义的id是css。

4、l JavaScript中属性值为字符串：在css中，属性值都写在双引号中，即要用字符串来给css相关属性赋值，同样当属性值有单位时，我们需要将单位也写在字符串中。JavaScript设置外部样式 当你需要改变的样式已经在css文件中定义了，我们也可以用JavaScript直接用定义好的css样式。

Q3: js改变css样式问题

js是无法直接修改css文件的，但可以通过取对象的方式修改对象的样式，通常有两种方法：\x0d\x0a改变className，但首先在样式表中预设定样式类。\x0d\x0a例如：document.getElementById(obj).className=...；\x0d\x0a改变cssText。

这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。

JavaScript设置内联样式 改变样式最直接的方法就是改变元素节点的style属性。如：myElement.sytle.color = “red”；myElement.sytle.left = “40px”；myElement.sytle.backgroundRepeat = “repeat-x”；JavaScript设置内联样式时，采用和css设置样式一样的风格。

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

关于js改变css的top和js改变css的背景图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。