js修改没有id的td的值

<table>
  <tr>
    <td class="my-td">原始内容</td>
  </tr>
</table>

<script>
  // 获取所有具有类名'my-td'的td元素
  var tds = document.getElementsByClassName('my-td');
  // 修改第一个td元素的内容
  if (tds.length > 0) {
    tds[0].textContent = '新内容';
  }
</script>

<table>
  <tr>
    <td>原始内容</td>
    <td>其他内容</td>
  </tr>
</table>

<script>
  // 获取第一行的第一个td元素
  var td = document.getElementsByTagName('td')[0];
  // 修改td元素的内容
  td.textContent = '新内容';
</script>

<table>
  <tr>
    <td>原始内容</td>
  </tr>
</table>

<script>
  // 获取第一个td元素
  var td = document.querySelector('td');
  // 修改td元素的内容
  td.textContent = '新内容';
</script>

<table>
  <tr>
    <td>原始内容</td>
  </tr>
</table>

<script>
  function modifyTdValue(element, newText) {
    if (element.tagName === 'TD') {
      element.textContent = newText;
      return true;
    }
    for (var i = 0; i < element.children.length; i++) {
      if (modifyTdValue(element.children[i], newText)) {
        return true;
      }
    }
    return false;
  }

  // 从table元素开始遍历
  modifyTdValue(document.querySelector('table'), '新内容');
</script>