最近做报表通用WEB界面展示功能，有很多地方需要用JS来控制网页个标签对象的样式，这个通用WEB界面展示基本完成了，这里总结一下用JS控制标签的方法。
说明：下面所提到的方法都在IE6上测试通过了的，在非IE的浏览器上很多都不能用，我也没有找到其替代的方法，因此暂时只总结IE上的。
获取指定对象：document.getElementById(ID)；
批量获取指定标签对象：document.getElementByTagName("TABLE")，这个方法取得的是网页中所有TABLE对象；
获取DIV中所有的表格单元格对象方法：document.getElementById("DIV的ID").getElementByTagName("TD")，这个方法获得的是TD数组；
获取DIV中第一个TABLE的所有单元格对象方法：document.getElementById("DIV的id").getElementByTagName("TABLE")[0].cells，用这个方法获得的是CELL数组，也就是TD数组；
取对象（这里的对象是DIV、TABLE、TR、TD等对象）实际高度：document.getElementById(ID).offsetHeight；
取对象的实际宽度：document.getElementById(ID).offsetWidth；
设置对象高：document.getElementById(ID).style.height = height；
设置对象宽：document.getElementById(ID).style.width = width；
设置对象离网页上边框距离：document.getElementById(ID).style.top = top；
设置对象离网页左边框距离：document.getElementById(ID).style.left = left;
遍历TABLE对象中所有单元格，取单元格的内容存入一维数组array中：
for(var i = 0; i < document.getElementById(TABLEID).cells.length; i ++){
array[array.length] = document.getElementById(TABLEID).cells[i].innerText;
}
在指定对象（一般是向DIV中加入子节点）中加入HTML代码：
var newDivObj= document.createElement("div"); //创建一个DIV对象
newDivObj.id = "newDivObj"; //设置创建的DIV对象ID
newDivObj.style.position = "relative";//设置DIV位置
newDivObj.innerHTML = dataHTML;//加入HTML代码
document.getElementById("destinationDivId").appendChild(newDivObj);//向目的地DIV中加入新创建的DIV对象；
|
