使用 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，如何修改样式而不是内联值？