0

桌子的图片我是使用 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>
4

1 回答 1

1

设置标识：

tbl.setAttribute('id', thisTablesId );

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

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

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

于 2013-05-29T01:23:44.493 回答