我正在使用以下过程从
JavaScript修改CSS,但它没有给出任何结果.
任何人都可以检查代码,让我知道正确的方法.我需要半径的桌子边框.
这是我的表格结构：
<table id="tt" width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="179" class="header_links">5<input name="input" class="lang_textBox" type="text" value="Search by keyword" /></td>
<td width="52" align="left"><img src="images/search_go.jpg" width="28" height="24" alt="go" /></td>
<td width="169" class="header_links"><a href="#">FAQs</a> | <a href="#">Sitemap</a> | <a href="#">Contact us</a></td>
</tr>
</table>
以下是正在使用的javascript
document.getElementById('tt').style.borderRadius = '4em'; // w3c
document.getElementById('tt').style.MozBorderRadius = '4em'; // mozilla
document.getElementById('tt').style.border = '4em'; // mozilla
解决方法
您必须设置边框本身(并且注意边框不是仅限Mozilla的属性)：
document.getElementById('tt').style.border = '4em solid black';
http://jsfiddle.net/KYEVq/