从html表值创建进度条

我需要帮助。我试图根据另一个TD元素的值创建一个简单的进度条。下面是我的代码如下。我希望<hr>的宽度属性值等于第一个<TD>元素上设置的值。从html表值创建进度条

<table> 
    <tr> 
    <TD id="item">70%</td> 
    <td width=200 style="border: 2px solid silver;padding:none"> 
     <hr style="color:#c00;background-color:#c00;height:15px; border:none; 
       margin:0;" align="left" width=50%;  /> 
    </td> 
    </tr> 
</table>

来源

2012-10-06 jonathan.hij

你可以做这样的事情

widthValue = document.getElementById("item").innerText; 
document.getElementsByTagName("hr")[0].style.width = widthValue;

将得到<td>的文本内容，并将其设置为<hr>元素的宽度。你最好给<hr>一个id，所以你可以通过id来设置它，而不是依靠标签名来找到它。

来源

2012-10-06 02:40:06

谢谢！它使用jsfiddle看起来很棒。这是我正在寻找的。但最后一件事，我应该将它添加到'

'标签中吗？如何？对于noob问题抱歉，我仍然试图理解jscript。 –

你可以把它放在头文件的'

从html表值创建进度条

回答

相关问题