JavaScript常用API合集匯總

來源 |?https://www.kancloud.cn/dennis/tgjavascript/241852
今天這篇文章跟大家分享一些JavaScript常用的API代碼,有DOM操作、CSS操作、對象(Object對象、Array對象、Number對象、String對象、Math對象、JSON對象和Console對象)操作,值得收藏。
一、節(jié)點(diǎn)
1.1 節(jié)點(diǎn)屬性
Node.nodeName //返回節(jié)點(diǎn)名稱,只讀Node.nodeType //返回節(jié)點(diǎn)類型的常數(shù)值,只讀Node.nodeValue //返回Text或Comment節(jié)點(diǎn)的文本值,只讀Node.textContent //返回當(dāng)前節(jié)點(diǎn)和它的所有后代節(jié)點(diǎn)的文本內(nèi)容,可讀寫Node.baseURI //返回當(dāng)前網(wǎng)頁的絕對路徑Node.ownerDocument //返回當(dāng)前節(jié)點(diǎn)所在的頂層文檔對象,即documentNode.nextSibling //返回緊跟在當(dāng)前節(jié)點(diǎn)后面的第一個(gè)兄弟節(jié)點(diǎn)Node.previousSibling //返回當(dāng)前節(jié)點(diǎn)前面的、距離最近的一個(gè)兄弟節(jié)點(diǎn)Node.parentNode //返回當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)Node.parentElement //返回當(dāng)前節(jié)點(diǎn)的父Element節(jié)點(diǎn)Node.childNodes //返回當(dāng)前節(jié)點(diǎn)的所有子節(jié)點(diǎn)Node.firstChild //返回當(dāng)前節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)Node.lastChild //返回當(dāng)前節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)//parentNode接口Node.children //返回指定節(jié)點(diǎn)的所有Element子節(jié)點(diǎn)Node.firstElementChild //返回當(dāng)前節(jié)點(diǎn)的第一個(gè)Element子節(jié)點(diǎn)Node.lastElementChild //返回當(dāng)前節(jié)點(diǎn)的最后一個(gè)Element子節(jié)點(diǎn)Node.childElementCount //返回當(dāng)前節(jié)點(diǎn)所有Element子節(jié)點(diǎn)的數(shù)目。
1.2 操作
Node.appendChild(node) //向節(jié)點(diǎn)添加最后一個(gè)子節(jié)點(diǎn)Node.hasChildNodes() //返回布爾值,表示當(dāng)前節(jié)點(diǎn)是否有子節(jié)點(diǎn)Node.cloneNode(true); // 默認(rèn)為false(克隆節(jié)點(diǎn)), true(克隆節(jié)點(diǎn)及其屬性,以及后代)Node.insertBefore(newNode,oldNode) // 在指定子節(jié)點(diǎn)之前插入新的子節(jié)點(diǎn)Node.removeChild(node) //刪除節(jié)點(diǎn),在要?jiǎng)h除節(jié)點(diǎn)的父節(jié)點(diǎn)上操作Node.replaceChild(newChild,oldChild) //替換節(jié)點(diǎn)Node.contains(node) //返回一個(gè)布爾值,表示參數(shù)節(jié)點(diǎn)是否為當(dāng)前節(jié)點(diǎn)的后代節(jié)點(diǎn)。Node.compareDocumentPosition(node) //返回一個(gè)7個(gè)比特位的二進(jìn)制值,表示參數(shù)節(jié)點(diǎn)和當(dāng)前節(jié)點(diǎn)的關(guān)系Node.isEqualNode(noe) //返回布爾值,用于檢查兩個(gè)節(jié)點(diǎn)是否相等。所謂相等的節(jié)點(diǎn),指的是兩個(gè)節(jié)點(diǎn)的類型相同、屬性相同、子節(jié)點(diǎn)相同。Node.normalize() //用于清理當(dāng)前節(jié)點(diǎn)內(nèi)部的所有Text節(jié)點(diǎn)。它會(huì)去除空的文本節(jié)點(diǎn),并且將毗鄰的文本節(jié)點(diǎn)合并成一個(gè)。//ChildNode接口Node.remove() //用于刪除當(dāng)前節(jié)點(diǎn)Node.before() //Node.after()Node.replaceWith()
1.3 Document節(jié)點(diǎn)
1.3.1 Document節(jié)點(diǎn)的屬性
document.doctype //document.documentElement //返回當(dāng)前文檔的根節(jié)點(diǎn)document.defaultView //返回document對象所在的window對象document.body //返回當(dāng)前文檔的節(jié)點(diǎn)document.head //返回當(dāng)前文檔的節(jié)點(diǎn)document.activeElement //返回當(dāng)前文檔中獲得焦點(diǎn)的那個(gè)元素。//節(jié)點(diǎn)集合屬性document.links //返回當(dāng)前文檔的所有a元素document.forms //返回頁面中所有表單元素document.images //返回頁面中所有圖片元素document.embeds //返回網(wǎng)頁中所有嵌入對象document.scripts //返回當(dāng)前文檔的所有腳本document.styleSheets //返回當(dāng)前網(wǎng)頁的所有樣式表//文檔信息屬性document.documentURI //表示當(dāng)前文檔的網(wǎng)址document.URL //返回當(dāng)前文檔的網(wǎng)址document.domain //返回當(dāng)前文檔的域名document.lastModified //返回當(dāng)前文檔最后修改的時(shí)間戳document.location //返回location對象,提供當(dāng)前文檔的URL信息document.referrer //返回當(dāng)前文檔的訪問來源document.title //返回當(dāng)前文檔的標(biāo)題document.characterSet屬性返回渲染當(dāng)前文檔的字符集,比如UTF-8、ISO-8859-1。document.readyState //返回當(dāng)前文檔的狀態(tài)document.designMode //控制當(dāng)前文檔是否可編輯,可讀寫document.compatMode //返回瀏覽器處理文檔的模式document.cookie //用來操作Cookie
1.3.2 Document節(jié)點(diǎn)的方法
(1)讀寫方法
document.open() //用于新建并打開一個(gè)文檔document.close() //不安比open方法所新建的文檔document.write() //用于向當(dāng)前文檔寫入內(nèi)容document.writeIn() //用于向當(dāng)前文檔寫入內(nèi)容,尾部添加換行符。
(2)查找節(jié)點(diǎn)
document.querySelector(selectors) //接受一個(gè)CSS選擇器作為參數(shù),返回第一個(gè)匹配該選擇器的元素節(jié)點(diǎn)。document.querySelectorAll(selectors) //接受一個(gè)CSS選擇器作為參數(shù),返回所有匹配該選擇器的元素節(jié)點(diǎn)。document.getElementsByTagName(tagName) //返回所有指定HTML標(biāo)簽的元素document.getElementsByClassName(className) //返回包括了所有class名字符合指定條件的元素document.getElementsByName(name) //用于選擇擁有name屬性的HTML元素(比如
