在数据表中添加新行时，如何向元素(<td>标签)添加数据属性？

在数据表中添加新行时，可以通过使用JavaScript来向元素(<td>标签)添加数据属性。具体的步骤如下：

首先，获取到要添加数据属性的元素。可以通过JavaScript的DOM操作方法，如getElementById()、getElementsByClassName()、getElementsByTagName()等来获取元素对象。
然后，使用元素对象的setAttribute()方法来设置数据属性。该方法接受两个参数，第一个参数是要设置的属性名称，以"data-"开头，后面跟上自定义的属性名，例如"data-id"、"data-name"等。第二个参数是要设置的属性值。
最后，将新添加的元素插入到数据表中的指定位置。

以下是一个示例代码，演示如何向数据表中的元素添加数据属性：

<!DOCTYPE html>
<html>
<head>
    <title>添加数据属性示例</title>
</head>
<body>
    <table id="myTable">
        <tr>
            <td>数据1</td>
            <td>数据2</td>
        </tr>
    </table>

    <script>
        // 获取要添加数据属性的元素
        var tdElement = document.createElement("td");
        tdElement.textContent = "新数据";

        // 设置数据属性
        tdElement.setAttribute("data-id", "123");
        tdElement.setAttribute("data-name", "John");

        // 将新元素插入到表格中
        var table = document.getElementById("myTable");
        var trElement = document.createElement("tr");
        trElement.appendChild(tdElement);
        table.appendChild(trElement);
    </script>
</body>
</html>

在上述示例中，我们创建了一个新的<td>元素，并使用setAttribute()方法为该元素设置了两个数据属性，分别是"data-id"和"data-name"。然后，将新创建的元素插入到了数据表中。

请注意，这只是一个示例代码，实际应用中可能需要根据具体的需求进行适当的修改和调整。