javascript一些實用技巧小結

2019-11-20 23:53:45

字體：大中小

來源：轉載

供稿：網友

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的表格

上一篇：jquery圖片上下tab切換效果

下一篇：jquery獲取下拉列表的值為null的解決方法