html光复制表格行的文本、子元素、属性等。清空输入框的内容

HTML中复制表格行的文本通常涉及JavaScript操作，因为HTML本身并不直接支持这样的功能。你可以通过以下步骤在用户点击某个按钮或事件触发时实现：

1. 获取需要复制的表格行：首先，找到HTML中对应表格的`<tr>`标签，它代表一行数据。

<button onclick="copyRow(this)">复制</button>
<table id="myTable">
  <tr id="rowToCopy">
    <!-- 表格内容 -->
  </tr>
</table>

2. 创建临时`<textarea>`元素：创建一个隐藏的文本区域来临时存储内容，然后设置其值为选中的行文本。

function copyRow(button) {
  const row = document.getElementById('rowToCopy');
  const textArea = document.createElement('textarea');
  textArea.value = row.innerText || row.textContent;
  // 将textArea添加到视口之外，以避免显示
  textArea.style.position = 'absolute';
  textArea.style.top = '-9999px';
  document.body.appendChild(textArea);
}

3. 然后让用户复制文本：聚焦并选择textarea的内容，接着触发浏览器的复制功能，最后清除textarea。

textArea.select();
document.execCommand('copy'); // 执行复制
textArea.parentNode.removeChild(textArea); // 清除textarea
button.innerHTML = "已复制"; // 更新按钮提示信息

4. 清空输入框：如果你是指表格外的输入框，可以将其`value`属性设为空字符串或者使用`innerHTML`置空。

// 示例：清空某个id为inputField的输入框
const inputField = document.getElementById('inputField');
inputField.value = '';

注意：以上代码需在现代浏览器环境中运行，对于一些老旧浏览器可能需要额外处理兼容性问题。同时，由于隐私原因，某些浏览器可能限制了直接复制网页内容的功能。