autosize - td 幅に基づいて div のサイズを変更する

Question

div の幅を表のセルの幅と同じに変更しようとしています。どちらも固定幅ではないため、サイズが変更されたときに検出できる必要もあります。以下のようなことを達成しようとしていますが、方法がわかりません。

var myvalue = document.getElementsByClassName('tableCell'); 
document.getElementByClassName('test').style.width= myvalue.offsetWidth+'px';

<table>
  <tr>
    <td colspan="2"><div class="test"></div></td>
  </tr>
  <tr>
    <td class="tableCell">test</td>
    <td></td>
  </tr>