js变量赋一个css值，js定义变量赋值在后面显示undefined

如何用JS来改变CSS属性?

直接更改，比如：xID.style.display = block； // 更改display属性，会覆盖css中的定义。xID.style.display = ； // 取消js更改display属性，以css样式为准。这里的xID，是通过id获取的标签。当然，也可能是通过tagName之类的获取的标签。这种方式，简单直接。

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

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

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

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

方法步骤：先获取要改变css的元素。改变这个元素的style属性。eg：下面是改变div的背景色，改为蓝色。

相关问答

Q1: js中如何获取某一个属性的值,如何设置一个属性的值

通过getElementsByTagName把input对象取出来。通过.name对input的那么属性进行赋值。实例演示代码如下：设计一个html页面，包括一个input和按钮，通过按钮修改input的name属性，并展示在input的value中。执行函数如下：用getElementsByTagName把所有的input对象取出来，通过.value的方式赋值。

obj[x]；//获取属性值 obj[x]= XXX；//设置属性值 补充说明：对象属性的使用有两种方式：obj.name 或 obj[name]第二种方式的属性名是个字符串，这就为变量的使用制造了可能性。

在 JavaScript 中，可以使用 getAttribute() 方法来获取自定义标签的自定义属性值。

对象[变量]比如obj是一个对象，它有个属性是name：var x = name；var n = obj[x]； //获取属性值 obj[x] = XXX； //设置属性值 补充说明：对象属性的使用有两种方式：obj.name 或 obj[name]第二种方式的属性名是个字符串，这就为变量的使用制造了可能性。

Q2: 救命,如何用js给div标签添加css属性,当鼠标事件发生的时候,譬如点击某...

1、id=d1 sajdaskjdaslkj /div script language=javascript function size(){ document.getElementById(d1).style.color = red} function size1(){ document.getElementById(d1).style.color = #888} /script 这个是比较容易懂的一种写法，虽然不简单，希望你能看懂。

2、首先我们创建一个页面，写好一个button标签和一个提交的函数bb()：。看看页面效果。我们在点击提交后移除onclick事件。我们还应该在函数的末尾再恢复它。当然如果你的事件很简单，你也可以直接写在onclick里面，如下面。

3、因为float是Javascript的保留字，不能直接使用obj.style.float来使用，这样操作是无效的。其正确的使用方法是为：IE：obj.style.styleFloat，其他浏览器Mozilla(gecko)，ff等用styleFloat：obj.style.cssFloat。

4、方法步骤：先获取要改变css的元素。改变这个元素的style属性。eg：下面是改变div的背景色，改为蓝色。

5、先在找个文件夹创建文件index.html。然后用能编辑文本文件的软件打开index.html，index.html的初始内容如图。接着编写两个样式作为鼠标移动时div修改的样式。然后编写js代码修改div的样式。编辑完index.html后保存，在浏览器中打开index.html。效果如图。

6、(div).hover(function(){$(this).css(background-color，red)；}，function(){$(this).css(background-color，blue)；})；说明：引用jQuery，鼠标移到时显示红色，移出时显示蓝色，具体颜色你可以自己选择。

Q3: js向id添加css属性值

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签，输入js代码：$(div).click(function () {$(this).css(color， blue)；})；。浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。

js 使用 ...style.[css属性（第二个首字母大写）]var dom = document.getElementById( did )； dom.style.color = #000； dom.style.fontSize = 30px；因为js选择元素很麻烦，所以建议引入jquery 库，操作元素很方便。也是常用的做法。

id属性就像一个挂钩，它一头连着文档里的某个元素，另一头连着CSS样式表里的某个样式。document.getElementById(purchases)这个调用将返回一个对象，这个对象对应着document对象里的一个独一无二的元素，那个元素的的id属性值为purchases。其实，文档中的每个元素都是一个对象。

思路 通过cssText的方式进行拼接。通过设置class，累加设置class的方式进行。

js变量赋一个css值的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js定义变量赋值在后面显示undefined、js变量赋一个css值的信息别忘了在本站进行查找喔。