蓝色骑兵

总结一下用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对象；

原创文章如转载，请注明：转载自蓝色骑兵 [ http://www.wkeke.cn/ ] 本文链接地址：http://www.wkeke.cn/archives/js-operate-page-elements/

Tags: JS

相关文章

• 暂无相关文章……

DHTML&Javascriptcocoa 2008.09.05, 10:46 pm

没有牛人指点，你可以成为第一个！

还没有评论。

请牛人赐教：