javascript一些实用技巧小结

2022-10-29 12:23:06
内容摘要
JS对象之Table表格对象(摘抄）




Table对象集合
Table对象:表示HTML文档中的表，对于文档中每个<table>标记，浏览器都创建一个Table对象.


集合

描述

cells[]
获取包含表格
文章正文
JS对象之Table表格对象(摘抄）

Table对象集合

Table对象:表示HTML文档中的表，对于文档中每个<table>标记，浏览器都创建一个Table对象.

集合

描述

cells[] 获取包含表格中所有单元格的数组

js 取行中列
复制代码 代码如下:

var tbodyObj = document.getElementById(tbodyID);
tbodyObj.rows[rowID].cells[colID].innerText = "abcd";
tbodyObj.rows[rowID].cells[colID].innerHTML = "abcd
(innerHTML是指html代码，innerText是指显示的text);


document.documentElement与document.body。
这是DOMDocument对象里的body子节点和整个节点树的根节点root。

DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。

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

对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
关键字: offsetlet, offsettop, scrollleft, scrolltop
1.offsetTop :
当前对象到其上级层顶部的距离.
不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.

2.offsetLeft :
当前对象到其上级层左边的距离.
不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.

3.offsetWidth :
当前对象的宽度.
与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值

4.offsetHeight :
与style.height属性的区别在

js操作iframe的一些知识
1. 打印iframe
eg. frameName.document.execCommand('print');
2. 获取iframe
eg. var ifr_window = window.frames["frameName"];
3. 获取iframe中的元素
eg1. 将iframe中id为elementId 的元素置为不显示：
var ifr_window = window.frames["frameName"];
ifr_window.elementId.style.display = 'none';
eg2. 获取iframe中id为listTable的表格JS对象之Table表格对象(摘抄）

Table对象集合

Table对象:表示HTML文档中的表，对于文档中每个<table>标记，浏览器都创建一个Table对象.

集合

描述

cells[] 获取包含表格中所有单元格的数组

js 取行中列
复制代码 代码如下:
var tbodyObj = document.getElementById(tbodyID);
tbodyObj.rows[rowID].cells[colID].innerText = "abcd";
tbodyObj.rows[rowID].cells[colID].innerHTML = "abcd
(innerHTML是指html代码，innerText是指显示的text);


document.documentElement与document.body。
这是DOMDocument对象里的body子节点和整个节点树的根节点root。

DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。

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

对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
关键字: offsetlet, offsettop, scrollleft, scrolltop
1.offsetTop :
当前对象到其上级层顶部的距离.
不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.

2.offsetLeft :
当前对象到其上级层左边的距离.
不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.

3.offsetWidth :
当前对象的宽度.
与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值

4.offsetHeight :
与style.height属性的区别在

js操作iframe的一些知识
1. 打印iframe
eg. frameName.document.execCommand('print');
2. 获取iframe
eg. var ifr_window = window.frames["frameName"];
3. 获取iframe中的元素
eg1. 将iframe中id为elementId 的元素置为不显示：
var ifr_window = window.frames["frameName"];
ifr_window.elementId.style.display = 'none';
eg2. 获取iframe中id为listTable的表格
代码注释
上一篇ASP编程入门进阶（二十）：ADO组件之修改数据记录下一篇SQL命令大全-中英文对照

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！