相关疑难解决方法(0)

使用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的情况下,如何修改样式而不是内联值？

是否可以在HTML5中为元素设置"bar"的颜色(当您指定值时,条形填充到值的位置)？如果是这样,怎么样？背景颜色和背景似乎没有任何影响.该技术是否与所有浏览器的最新版本交叉兼容？