Question

我想在发生点击事件时更改at元素的高度。高度设置为自动，但是当事件触发时，我想以不同的高度绘制图表。

我的HTML看起来像：

<table class="col-sm-12">
                         <tr>
                             <td>
                                 <div class="col-sm-12" style="height: 300px; overflow: auto !important; text-align:left" id="errorTable">
                                 </div>
                             </td>
                             <td>
                                <table class="col-sm-12">
                                    <tr> <td style="height:300px; width:100%" id="Chart"></td></tr>
                                    <tr> <td id="errorDetails" style="height:100%; width: 100%"></td></tr>
                                </table>
                             </td>
                        </tr>
                     </table>

和部分javascript：

document.getElementById('Chart').setAttribute("style", "height:75");
 document.getElementById('Chart').style.height = "75px";

已经尝试了一切，但没有任何效果...

现在，我发现，当我将ID =“ chart”的高度预定义为100％时，之后便可以更改。但这对我不起作用。我需要在开始时将图表高度的大小设置为300px，然后进行更改。但是我不工作。。。

Answer 1

当您尝试将高度应用于td标签时，不会被应用。有关此click here

的更多详细信息

因此，您可能必须在dt标签内放置一个div并对其施加高度。

HTML

<table class="col-sm-12">
   <tr>
      <td>
         <div class="col-sm-12" style="height: 300px; overflow: auto !important; text-align:left" id="errorTable">
         </div>
     </td>
     <td>
       <table class="col-sm-12">
           <tr>
             <td >
              <div id="Chart" style="height:300px; width:100%">
              </div>
             </td>
          </tr>
          <tr>
            <td>
              <div id="errorDetails" style="height:100%; width: 100%">
              </div>
            </td>
          </tr>
       </table>
    </td>
   </tr>
</table>

JavaScript

document.getElementById('Chart').style.height = "75px";

这是工作中的jsfiddle

触发事件时更改元素的高度（javascript）

1 个答案: