JavaScript DOM操作与iframe交互实用技巧

 
var tbodyObj = document.getElementById(tbodyID);
tbodyObj.rows[rowID].cells[colID].innerText = "abcd";
tbodyObj.rows[rowID].cells[colID].innerHTML = "abcd";
（注：innerHTML用于解析HTML代码，innerText仅返回显示的文本内容）

DOM节点树结构与根节点访问

这涉及DOMDocument对象中的body子节点以及整个节点树的根节点root。

DOM将层次结构中的每个对象称为节点，形成树形结构，类似于目录层级：根目录下包含子目录，子目录下还可包含子目录。

以HTML超文本标记语言为例：整个文档的根节点是<html>，在DOM中可通过document.documentElement访问它，即整个节点树的根节点。而body是子节点，要在脚本中访问body标签，应使用document.body。

Offset系列属性详解

关键字: offsetlet, offsettop, scrollleft, scrolltop

1.offsetTop :

当前对象到其上级层顶部的距离。

该属性只读，不能赋值。若需设置对象到页面顶部的距离，请使用style.top属性。

2.offsetLeft :

当前对象到其上级层左边的距离。

该属性只读，不能赋值。若需设置对象到页面左部的距离，请使用style.left属性。

3.offsetWidth :

当前对象的宽度。

与style.width属性的区别在于：若对象宽度设定为百分比，style.width始终返回该百分比值，而offsetWidth则返回不同页面尺寸下对象的实际像素宽度。

4.offsetHeight :

与style.height属性的区别在于：若高度设定为百分比，style.height返回百分比值，而offsetHeight返回实际像素高度。

iframe内部元素操作与打印

1. 打印iframe

示例：frameName.document.execCommand('print');

2. 获取iframe

示例：var ifr_window = window.frames["frameName"];

3. 获取iframe中的元素

示例1：将iframe中id为elementId的元素设为不显示：

var ifr_window = window.frames["frameName"];

ifr_window.elementId.style.display = 'none';

示例2：获取iframe中id为listTable的表格