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