无法使用 Javascript 调整 HTML Table 行的大小

Question

我有一个简单的 table，里面有行，我试着强制行的高度。

document.getElementById('myrow').height='300px';

<table style='border:1px solid black;'>
 <tr id='myrow'><td>Hello world (should be dynamically increased)</td></tr>
</table>
 

<table style='border:1px solid black;'>
 <tr height=300><td>Hello world from second table (static size)</td></tr>
</table>

然而我的javascript似乎对行高没有任何影响。我怎样才能强制执行它？

Answer 1

您可以像这样使用 style.height 来做到这一点：

document.getElementById("myrow").style.height = '300px';

Answer 2

你必须在高度前使用样式属性。

例如：

document.getElementById("myrow").style.height = '300px';

无法使用 Javascript 调整 HTML Table 行的大小

Unable to resize HTML Table row with Javascript

html

javascript

row