如何识别dom表,以便我可以在页面上定位?

时间:2013-05-29 01:04:24

标签: javascript html asp.net css

Picture of tables我不熟悉用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>

1 个答案:

答案 0 :(得分:1)

设置ID:

tbl.setAttribute('id', thisTablesId );

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

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

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