javascript - 如何识别 dom 表以便我可以将其定位在页面上？

Question

我刚开始使用 js 创建表，并开始使用 document.write。那是在我的 html 上写的，所以现在我正在使用 dom 元素。如何识别表格组以便将其放置在我的 css 中？我有点困惑，因为我的代码使用循环创建了多个表。我只想将它们定位为一个。图片显示了它们的样子，但它们只是默认位于我页面的底部/左侧。也将感谢任何其他代码建议，因为我是新手!谢谢!

   <script type="text/javascript">
    BuildTable();

    function BuildTable() {
        var myUrl = window.location.href;
        PageMethods.DoStuff(myUrl, onSucess, onError);
        function onSucess(result) {

            for (var i = 0; i < result.length; i++) {

                var body = document.getElementsByTagName("body")[0];

                var tbl = document.createElement("table");
                var tblBody = document.createElement("tbody");

                    var row = document.createElement("tr");
                    var cell = document.createElement("td");
                    var cellText = document.createTextNode('Community: ' + result[i].apartName);
                    cell.appendChild(cellText);
                    row.appendChild(cell);
                    tblBody.appendChild(row);

                    row = document.createElement("tr");
                    cell = document.createElement("td");
                    cellText = document.createTextNode('Address: ' + result[i].address + ', ' + result[i].city);
                    cell.appendChild(cellText);
                    row.appendChild(cell);
                    tblBody.appendChild(row);

                tbl.appendChild(tblBody);
                body.appendChild(tbl);
                tbl.setAttribute("border", "1");
                var space = document.createElement("br");
                body.appendChild(space);
            }
            }

        function onError(result) {
            alert('Something wrong.');
        }
    }

 </script>

Answer 1

设置id:

tbl.setAttribute('id', thisTablesId );

但您可能想要的是设置 class 属性。这些不需要是唯一的。您可以一次更改具有相同类的所有表的 css 样式(用于定位)。或者，如果您需要以编程方式确定样式，您可以使用该属性来确定这是否是您想要的元素之一。

tbl.setAttribute('class', 'built-table' );

在您的 css 样式表中，您可以使用 .built-table 选择器定义构建表类将包含的内容。