Javascript 基于从文本中获取表行高度的控制表行高度

Javascript 基于从文本中获取表行高度的控制表行高度,javascript,jquery,html,css,internet-explorer-8,Javascript,Jquery,Html,Css,Internet Explorer 8,我有一个表,其中包含一些具有2列的行。一列包含图像,另一列包含文本。这些图像是我调整大小的大图像,它们从容器中获取高度。我需要该行从textCell获取其高度。由于行中的文本量是可变的,因此我无法指定明确的高度。 但是考虑到图像大于文本的大小,行的高度是从imageCell而不是textCell获取的。如何让行和imageCell获取textCell的高度 <table border="0" cellspacing="0" cellpadding="0" id="articleTable

我有一个表,其中包含一些具有2列的行。一列包含图像,另一列包含文本。这些图像是我调整大小的大图像,它们从容器中获取高度。我需要该行从textCell获取其高度。由于行中的文本量是可变的,因此我无法指定明确的高度。 但是考虑到图像大于文本的大小,行的高度是从imageCell而不是textCell获取的。如何让行和imageCell获取textCell的高度

<table  border="0" cellspacing="0" cellpadding="0" id="articleTable">
    <tr id="row-1" class="articleRow light" >
        <td class="imageCell" id="image-cell-1">
            <img src="images/Support/CFD.png" alt="" class=""/>
            <img src="images/Support/CFD3.png" alt=""  class="" />
        </td>
        <td class="textCell" id="text-cell-1" >
            <div class="articleTextWrapper">
                TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
            </div>
        </td>

    </tr>
    <tr id="row-2" class="articleRow dark" style="">
        <td class="textCell" id="text-cell-2" >
            <div class="articleTextWrapper">
                TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
                TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
                TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
                TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
                TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT 
            </div>
        </td>
        <td class="imageCell"  id="image-cell-2">
            <img src="images/Support/TM2.png" alt=""   class="" />
            <img src="images/Support/TM1.png" alt=""   class=""/>
        </td>
    </tr>

可能是像这样的Javascript方法:

var txts = document.getElementsByClassName("textCell");
for(var i=0; i<txts.length; i++) {
    var h = txts[i].getElementsByClassName("articleTextWrapper")[0].offsetHeight;
    txts[i].parentNode.style.height = h + "px";
}
这将设置一个相对于单元格内文本高度的固定高度,使您能够将图像设置为全高