使用Javascript更改CSS值
使用Javascript更改CSS值
提问于 2009-02-19 16:53:20
使用javascript设置内联CSS值很容易。如果我想改变宽度，我有这样的html：
<div style="width: 10px"></div>我要做的就是：
document.getElementById('id').style.width = value;它将更改内联样式表值。通常这不是问题，因为内联样式覆盖了样式表。示例：
<style>
#tId {
width: 50%;
}
</style>
<div id="tId"></div>使用此Javascript：
document.getElementById('tId').style.width = "30%";我得到了以下信息：
<style>
#tId {
width: 50%;
}
</style>
<div id="tId" style="width: 30%";></div>这是一个问题，因为我不仅不想更改内联值，如果我在设置宽度之前查找它，当我有：
<div id="tId"></div>返回的值是Null，所以如果我的Javascript需要知道某些东西的宽度来做一些逻辑(我将宽度增加1%，而不是一个特定值)，当我期望字符串"50%“时，返回Null并不能真正起作用。
所以我的问题是:我的CSS样式中的值不是位于内联中的，如何获取这些值？如何在给定id的情况下修改样式而不是内联值？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/566203
复制相关文章
相似问题
腾讯云开发者
