0

テーブルの画像私はjsでテーブルを作成するのが初めてで、document.writeの使用から始めました。それは私のhtmlを上書きしていたので、今はdom要素を使用しています。css に配置できるように、テーブルのグループに ID を付けるにはどうすればよいですか? 私のコードはループで複数のテーブルを作成するため、少し混乱しています。それらをすべて1つにまとめたいと思います。写真はそれらがどのように見えるかを示していますが、デフォルトではページの下部/左側に設定されています。私はこれが初めてなので、他のコードの提案もいただければ幸いです。ありがとう！

   <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

ID を設定するには:

tbl.setAttribute('id', thisTablesId );

しかし、おそらくあなたが望むのは、class代わりに属性を設定することです。それらは一意である必要はありません。同じクラスのすべてのテーブルの css スタイル (配置用) を一度に変更できます。または、スタイルをプログラムで決定する必要がある場合は、その属性を使用して、これが必要な要素の 1 つであるかどうかを判断できます。

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

.built-tableCSS スタイルシートでは、セレクターを使用して、組み込みテーブル クラスに含めるものを定義できます。

于 2013-05-29T01:23:44.493 に答える