javascript一些實(shí)用技巧小結(jié)
Table對(duì)象集合 Table對(duì)象:表示HTML文檔中的表,對(duì)于文檔中每個(gè)<table>標(biāo)記,瀏覽器都創(chuàng)建一個(gè)Table對(duì)象. | |
集合 |
描述 |
cells[] | 獲取包含表格中所有單元格的數(shù)組 |
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對(duì)象里的body子節(jié)點(diǎn)和整個(gè)節(jié)點(diǎn)樹的根節(jié)點(diǎn)root。
DOM把層次中的每一個(gè)對(duì)象都稱之為節(jié)點(diǎn),就是一個(gè)層次結(jié)構(gòu),你可以理解為一個(gè)樹形結(jié)構(gòu),就像我們的目錄一樣,一個(gè)根目錄,根目錄下有子目錄,子目錄下還有子目錄。
以HTML超文本標(biāo)記語(yǔ)言為例:整個(gè)文檔的一個(gè)根就是<html>,在DOM中可以使用document.documentElement來(lái)訪問(wèn)它,它就是整個(gè)節(jié)點(diǎn)樹的根節(jié)點(diǎn)。而body是子節(jié)點(diǎn),要訪問(wèn)到body標(biāo)簽,在腳本中應(yīng)該寫:document.body。
對(duì)offsetLet,offsetTop,scrollLeft,scrollTop幾個(gè)方法的理解
關(guān)鍵字: offsetlet, offsettop, scrollleft, scrolltop
1.offsetTop :
當(dāng)前對(duì)象到其上級(jí)層頂部的距離.
不能對(duì)其進(jìn)行賦值.設(shè)置對(duì)象到頁(yè)面頂部的距離請(qǐng)用style.top屬性.
2.offsetLeft :
當(dāng)前對(duì)象到其上級(jí)層左邊的距離.
不能對(duì)其進(jìn)行賦值.設(shè)置對(duì)象到頁(yè)面左部的距離請(qǐng)用style.left屬性.
3.offsetWidth :
當(dāng)前對(duì)象的寬度.
與style.width屬性的區(qū)別在于:如對(duì)象的寬度設(shè)定值為百分比寬度,則無(wú)論頁(yè)面變大還是變小,style.width都返回此百分比,而offsetWidth則返回在不同頁(yè)面中對(duì)象的寬度值而不是百分比值
4.offsetHeight :
與style.height屬性的區(qū)別在
js操作iframe的一些知識(shí)
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的表格
相關(guān)文章
JavaScript中String.prototype用法實(shí)例
這篇文章主要介紹了JavaScript中String.prototype用法,實(shí)例分析了prototype的功能及使用技巧,需要的朋友可以參考下2015-05-05微信小程序在text文本實(shí)現(xiàn)多種字體樣式
這篇文章主要介紹了微信小程序在text文本實(shí)現(xiàn)多種字體樣式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11electron-builder 的基本使用及electron打包步驟
electron-builder 作為一個(gè)用于 Electron 應(yīng)用程序打包的工具,需要下載并使用 Electron 運(yùn)行時(shí)來(lái)創(chuàng)建可執(zhí)行文件,這篇文章主要介紹了electron-builder 的基本使用,需要的朋友可以參考下2023-12-12javascript獲取重復(fù)次數(shù)最多的字符
本文給大家講述的是使用javascript實(shí)現(xiàn)獲取重復(fù)次數(shù)最多的字符,代碼很簡(jiǎn)單,有需要的小伙伴可以參考下。2015-07-07JavaScript實(shí)現(xiàn)動(dòng)態(tài)高度過(guò)渡的3種方式總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)高度過(guò)渡的3種方式,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01JS快速實(shí)現(xiàn)簡(jiǎn)單計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JS快速實(shí)現(xiàn)簡(jiǎn)單計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-04-04element-ui?對(duì)話框dialog使用echarts報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題
這篇文章主要介紹了element-ui?對(duì)話框dialog里使用echarts,報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題,在這個(gè)事件里邊進(jìn)行echarts的初始化,執(zhí)行數(shù)據(jù),本文結(jié)合實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下2022-11-11