JavaScript學(xué)習(xí)筆記(一) 根據(jù)類名獲取元素

Chiclaim 發(fā)布于2019-08-21 10:22 / 3639人閱讀

摘要：對(duì)象對(duì)象每個(gè)載入瀏覽器的文檔都會(huì)成為對(duì)象。提示對(duì)象是對(duì)象的一部分，可通過屬性對(duì)其進(jìn)行訪問。就是標(biāo)簽名，如方法返回元素的順序是它們在文檔中的順序。根據(jù)類名獲取元素

1.Document對(duì)象

  Document對(duì)象：每個(gè)載入瀏覽器的HTML文檔都會(huì)成為Document對(duì)象。Document對(duì)象使我們可以從腳本中對(duì)HTML頁面中的所有元素進(jìn)行訪問。

  提示：Document對(duì)象是Window對(duì)象的一部分，可通過window.document屬性對(duì)其進(jìn)行訪問。

2.getElementById()

// 封裝getElementById()方法
function $(id){
    return document.getElementByid(id);
}

3.getElementsByName()

它查詢的是元素的name屬性。

  因?yàn)橐粋€(gè)文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬性），所以 getElementsByName() 方法返回的是元素的數(shù)組，而不是一個(gè)元素。

4.getElementsByTagName()

TagName就是標(biāo)簽名，如：、...

getElementsByTagName() 方法返回元素的順序是它們在文檔中的順序。

如果把特殊字符串 "*" 傳遞給 getElementsByTagName() 方法，它將返回文檔中所有元素的列表，元素排列的順序就是它們在文檔中的順序。

5.getElementsByClass()

這個(gè)方法要自己寫。

// 根據(jù)類名獲取元素
function getElementsByClass(oParent,sClass){
    var aResult = [];
    var aNode = oParent.getElementsByTagName("*");
    for(var i=0; i

GPU云服務(wù)器云服務(wù)器 javascript獲取元素 javascript學(xué)習(xí)筆記學(xué)習(xí)筆記一 js如何獲取一組元素

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85407.html

相關(guān)文章

《JavaScript Dom編程藝術(shù)》讀書筆記（五）

摘要：可以創(chuàng)建一個(gè)函數(shù)并讓它返回一個(gè)數(shù)值一個(gè)字符串一個(gè)數(shù)組或一個(gè)布爾值。操作符可以告訴我們它的操作數(shù)是一個(gè)字符串?dāng)?shù)值函數(shù)布爾值還是對(duì)象，例如在瀏覽器中加載這個(gè)例子時(shí)，會(huì)彈出一個(gè)對(duì)話框，報(bào)告的類型它是一個(gè)對(duì)象。函數(shù) 如果需要多次使用同一段代碼，可以把它們封裝成一個(gè)函數(shù)。函數(shù)就是一組允許在你的代碼里隨時(shí)調(diào)用的語句。事實(shí)上，每個(gè)函數(shù)實(shí)際是一個(gè)短小的腳本。先對(duì)函數(shù)做出定義再調(diào)用是一個(gè)良好的編程習(xí)...

levy9527 2019-08-19 18:24 評(píng)論0 收藏0
javascript dom 編程讀書筆記

摘要：設(shè)定瀏覽器屬性的屬性的方法叫做駝峰式命名是函數(shù)名方法名和對(duì)象屬性名的命名首選格式。由瀏覽器預(yù)先定義的對(duì)象被稱為宿主對(duì)象。在給某個(gè)元素添加了事件處理函數(shù)后，一旦事件發(fā)生，相應(yīng)的代碼就會(huì)執(zhí)行。 1.JavaScript是一個(gè)使網(wǎng)頁具有交互能力的程序設(shè)計(jì)語言。 2.設(shè)定瀏覽器屬性的屬性的方法叫做BOM. 3.駝峰式命名（myMood）是函數(shù)名、方法名和對(duì)象屬性名的命名首選格式。 4.命名變量...

cyixlq 2019-08-23 10:22 評(píng)論0 收藏0
JavaScript筆記——常見DOM知識(shí)

摘要：前言本篇文章以介紹常見的節(jié)點(diǎn)知識(shí)元素操作方法為目的，其中也對(duì)一些比較容易忽略的問題進(jìn)行簡要說明。此外，還有一些方式可以獲得相關(guān)的元素節(jié)點(diǎn)。利用字符串拼接使用字符串拼接的方法插入元素是效率最高的。前言本篇文章以介紹常見的DOM節(jié)點(diǎn)知識(shí)、DOM元素操作方法為目的，其中也對(duì)一些比較容易忽略的問題進(jìn)行簡要說明。才疏學(xué)淺，如有紕漏之處或建議歡迎留下評(píng)論。 Node節(jié)點(diǎn) 首先，簡單看看Node...

madthumb 2019-08-20 18:58 評(píng)論0 收藏0
CSS學(xué)習(xí)筆記(三) CSS選擇器

摘要：規(guī)則命名慣例規(guī)則由選擇符和聲明兩部分組成，其中選擇符用于指出規(guī)則所要選擇的元素，聲明則又由兩部分組成屬性和值。用于選擇作為指定祖先元素后代的標(biāo)簽。維基百科在其引證中大量使用了偽類。維基百科的引證鏈接就是正文里那些不起眼的數(shù)字鏈接。 1.為文檔添加樣式的三種方法行內(nèi)樣式（寫在特定 HTML 標(biāo)簽的 style 屬性里）嵌入樣式（嵌入的 CSS 樣式是放在 HTML 文檔的 hea...

charles_paul 2019-08-28 18:01 評(píng)論0 收藏0
vue學(xué)習(xí)筆記（二）

摘要：供用戶在相應(yīng)的階段對(duì)其進(jìn)行操作。我們像下面這樣使用這個(gè)指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個(gè)常用的參數(shù)和。其他用法與全局自定義指令一致。一、vue生命周期 vue實(shí)例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個(gè)階段。這八個(gè)階段里分別有一個(gè)叫做鉤子函數(shù)的實(shí)例選項(xiàng)。供用戶在相應(yīng)的階段對(duì)其進(jìn)行操作。 beforeCreate(){ //組件實(shí)例剛...

klivitamJ 2019-08-30 13:48 評(píng)論0 收藏0