首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用Javascript更改CSS值

使用Javascript更改CSS值
EN

Stack Overflow用户
提问于 2009-02-19 16:53:20
回答 7查看 235.1K关注 0票数 106

使用javascript设置内联CSS值很容易。如果我想改变宽度,我有这样的html:

代码语言:javascript
复制
<div style="width: 10px"></div>

我要做的就是:

代码语言:javascript
复制
document.getElementById('id').style.width = value;

它将更改内联样式表值。通常这不是问题,因为内联样式覆盖了样式表。示例:

代码语言:javascript
复制
<style>
   #tId {
      width: 50%;
   }
</style>

<div id="tId"></div>

使用此Javascript:

代码语言:javascript
复制
document.getElementById('tId').style.width = "30%";

我得到了以下信息:

代码语言:javascript
复制
<style>
   #tId {
      width: 50%;
   }
</style>

<div id="tId" style="width: 30%";></div>

这是一个问题,因为我不仅不想更改内联值,如果我在设置宽度之前查找它,当我有:

代码语言:javascript
复制
<div id="tId"></div>

返回的值是Null,所以如果我的Javascript需要知道某些东西的宽度来做一些逻辑(我将宽度增加1%,而不是一个特定值),当我期望字符串"50%“时,返回Null并不能真正起作用。

所以我的问题是:我的CSS样式中的值不是位于内联中的,如何获取这些值?如何在给定id的情况下修改样式而不是内联值?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/566203

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档