我是第一次使用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>

最佳答案

设置ID:

tbl.setAttribute('id', thisTablesId );


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

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


在CSS样式表中,可以使用.built-table选择器定义内置表类将包括的内容。

关于javascript - 如何为dom表添加ID,以便将其放置在页面上?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16803897/

10-09 14:05