最近做報表通用WEB界面展示功能,有很多地方需要用JS來控制網(wǎng)頁個標簽對象的樣式,這個通用WEB界面展示基本完成了,這里總結一下用JS控制標簽的方法。
說明:下面所提到的方法都在IE6上測試通過了的,在非IE的瀏覽器上很多都不能用,我也沒有找到其替代的方法,因此暫時只總結IE上的。
獲取指定對象:document.getElementById(ID); 批量獲取指定標簽對象:document.getElementByTagName("TABLE"),這個方法取得的是網(wǎng)頁中所有TABLE對象; 獲取DIV中所有的表格單元格對象方法:document.getElementById("DIV的ID").getElementByTagName("TD"),這個方法獲得的是TD數(shù)組; 獲取DIV中第一個TABLE的所有單元格對象方法:document.getElementById("DIV的id").getElementByTagName("TABLE")[0].cells,用這個方法獲得的是CELL數(shù)組,也就是TD數(shù)組; 取對象(這里的對象是DIV、TABLE、TR、TD等對象)實際高度:document.getElementById(ID).offsetHeight; 取對象的實際寬度:document.getElementById(ID).offsetWidth; 設置對象高:document.getElementById(ID).style.height = height; 設置對象寬:document.getElementById(ID).style.width = width; 設置對象離網(wǎng)頁上邊框距離:document.getElementById(ID).style.top = top; 設置對象離網(wǎng)頁左邊框距離:document.getElementById(ID).style.left = left; 遍歷TABLE對象中所有單元格,取單元格的內(nèi)容存入一維數(shù)組array中: for(var i = 0; i < document.getElementById(TABLEID).cells.length; i ++){ array[array.length] = document.getElementById(TABLEID).cells[i].innerText; } 在指定對象(一般是向DIV中加入子節(jié)點)中加入HTML代碼: var newDivObj= document.createElement("div"); //創(chuàng)建一個DIV對象 newDivObj.id = "newDivObj"; //設置創(chuàng)建的DIV對象ID newDivObj.style.position = "relative";//設置DIV位置 newDivObj.innerHTML = dataHTML;//加入HTML代碼 document.getElementById("destinationDivId").appendChild(newDivObj);//向目的地DIV中加入新創(chuàng)建的DIV對象;
|