如何显示存储在多个<td>元素中的一个变量中的所有内容？

<table>
  <tr>
    <td id="cell1">内容1</td>
    <td id="cell2">内容2</td>
    <td id="cell3">内容3</td>
  </tr>
</table>
<p id="result"></p>

// 获取每个<td>元素的引用
var cell1 = document.getElementById("cell1");
var cell2 = document.getElementById("cell2");
var cell3 = document.getElementById("cell3");

// 将<td>元素的内容存储在一个字符串变量中
var content = "";
content += cell1.innerHTML + " ";
content += cell2.innerHTML + " ";
content += cell3.innerHTML;

// 将内容显示在页面上
var result = document.getElementById("result");
result.innerHTML = content;