html光复制表格行的文本、子元素、属性等。不克隆内容

在HTML中，如果你想要复制一个表格（table）的某一行，并且只保留文本、子元素（如单元格内或其他嵌套元素）以及一些基本属性（比如class或id），而不克隆整个内容，你可以使用JavaScript来实现这个操作。以下是一个简单的示例：

<table id="sourceTable">
  <tr id="rowToCopy"><td>原始内容</td><td>子元素</td></tr>
</table>

<button onclick="copyRow()">复制行</button>

<script>
function copyRow() {
  var sourceRow = document.getElementById("rowToCopy");
  var newRow = sourceRow.cloneNode(true); // 这里使用true是为了克隆所有子节点
  newRow.id = ""; // 清除原有的id，避免冲突
  
  // 只保留必要的属性
  newRow.removeAttribute("style"); // 如果不需要样式，可以移除
  newRow.removeAttribute("onclick"); // 同理，如果有自定义点击事件

  // 将新的行插入到另一个表格或当前表格的不同位置
  var targetTable = document.getElementById("targetTable");
  targetTable.appendChild(newRow);
}
</script>

这个脚本首先获取需要复制的行，然后创建一个新的行节点并设置所需的属性。最后将这个新的行添加到目标位置。

请注意，这里并未真正“克隆”内容，而是复制了行元素本身及其包含的子元素，但内容是静态的，不会随源内容的变化而变化。