首頁 web前端 js教程 javascript一些实用技巧小结_javascript技巧

javascript一些实用技巧小结_javascript技巧

May 16, 2016 pm 06:09 PM
實用技巧

JS对象之Table表格对象(摘抄)

Table对象集合

Table对象:表示HTML文档中的表,对于文档中每个

标记,浏览器都创建一个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超文本标记语言为例:整个文档的一个根就是,在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的表格

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

解決Tomcat 404錯誤:快速實用技巧 解決Tomcat 404錯誤:快速實用技巧 Dec 28, 2023 am 08:05 AM

快速解決Tomcat404錯誤的實用技巧Tomcat是常用的JavaWeb應用伺服器,在開發和部署JavaWeb應用程式時經常會使用。然而,有時候我們可能會遇到Tomcat的404錯誤,這意味著Tomcat無法找到請求的資源。這個錯誤可能由多個因素引起,但在本文中,我們將介紹一些常見的解決方案和技巧,幫助您快速解決Tomcat的404錯誤。檢查URL路徑

高效解決Java大文件讀取異常的實用技巧 高效解決Java大文件讀取異常的實用技巧 Feb 21, 2024 am 10:54 AM

有效率解決Java大檔案讀取異常的實用技巧,需要具體程式碼範例概述:當處理大型檔案時,Java可能面臨記憶體溢出、效能下降等問題。本文將介紹幾種高效解決Java大檔案讀取異常的實用技巧,並提供具體程式碼範例。背景:在處理大型檔案時,我們可能需要將檔案內容讀入記憶體進行處理,例如搜尋、分析、提取等操作。然而,當檔案較大時,通常會遇到以下問題:記憶體溢位:嘗試一次性將整個文

實務技巧分享:Word文件兩頁合併成一頁 實務技巧分享:Word文件兩頁合併成一頁 Mar 25, 2024 pm 06:45 PM

在日常工作和學習中,我們經常會遇到需要合併Word文件兩頁內容成一頁的情況,例如列印節約紙張或製作小冊子等。雖然Word軟體本身沒有提供直接的功能可以實現這一操作,但是我們可以藉助一些技巧來實現這個目標。以下將分享一些實用的技巧,幫助大家快速簡單地將Word文件兩頁合併成一頁。一、縮小頁面尺寸在Word文件中,我們可以透過調整頁面尺寸來實現兩頁合併成一頁的

逐漸掌握Java正規表示式語法的實用技巧 逐漸掌握Java正規表示式語法的實用技巧 Jan 09, 2024 pm 07:09 PM

逐步學習Java正規表示式語法的實用技巧,需要具體程式碼範例正規表示式是一種強大的工具,可以用於字串的模式匹配和替換。在Java中,使用正規表示式可以方便地處理字串操作。本文將向您介紹一些關於Java正規表示式語法的實用技巧,並提供具體的程式碼範例。基本匹配模式Java中的正規表示式使用java.util.regex套件。要使用正規表示式,可以使用Patter

跨平台開發的新選擇:掌握Go語言的實用技巧 跨平台開發的新選擇:掌握Go語言的實用技巧 Jul 04, 2023 am 08:13 AM

跨平台開發的新選擇:掌握Go語言的實用技巧在現代軟體開發領域,跨平台開發已成為一個重要的需求。為了能夠在不同的作業系統和裝置上運行自己的應用程序,開發人員需要尋找一種既高效又簡便的跨平台開發語言。而Go語言則成為了許多開發人員的新選擇。 Go語言是由Google開發的靜態類型程式語言,它在跨平台開發中有許多獨特的優勢。本文將分享一些掌握Go語言的實用技巧,幫助閱讀

Java中的多執行緒程式設計:實用技巧 Java中的多執行緒程式設計:實用技巧 Jun 15, 2023 pm 10:54 PM

隨著電腦硬體的不斷發展,多核心CPU的普及,以及現代應用程式對效率的要求,多執行緒程式設計已經成為了Java程式設計領域中不可避免的話題。在Java中,多執行緒程式設計依賴Thread類別和Runnable接口,Java提供了一系列的執行緒元件,可以幫助我們建立和管理多個執行緒。本文將介紹一些Java中多執行緒程式設計的實用技巧,使您能夠更好地進行多執行緒程式設計。線程的創建和啟動Jav

Python繪製圖表的實用技巧和程式碼範例 Python繪製圖表的實用技巧和程式碼範例 Sep 29, 2023 am 10:46 AM

Python繪製圖表的實用技巧和程式碼範例引言:資料視覺化是資料分析中不可或缺的一環。 Python作為一種強大的程式語言,提供了多個函式庫和工具,讓繪製圖表變得簡單易行。本文將介紹一些繪製圖表的實用技巧和程式碼範例,幫助讀者更好地運用Python進行資料視覺化。一、Matplotlib庫Matplotlib是Python中廣泛使用的繪圖庫,可以繪製多種類型的圖表,

PHP8函數:get_debug_type()的實用技巧 PHP8函數:get_debug_type()的實用技巧 May 16, 2023 am 08:21 AM

隨著PHP語言的不斷發展,PHP8也終於發布了,帶來了許多新特性和改進。其中,get_debug_type()函數也是PHP8中一個新的函數,它可以讓程式設計師更方便地除錯和排錯。在本文中,我們將深入了解get_debug_type()函數的用法和實用技巧。 get_debug_type()函數的作用get_debug_type()函數是PHP8中一個新的函數,它

See all articles