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

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

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

1.Document對象

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

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

2.getElementById()

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

3.getElementsByName()

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

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

4.getElementsByTagName()

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

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

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

5.getElementsByClass()

這個方法要自己寫。

// 根據(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://m.hztianpu.com/yun/85407.html

相關(guān)文章

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

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

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

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

cyixlq 2019-08-23 10:22 評論0 收藏0
JavaScript筆記——常見DOM知識

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

madthumb 2019-08-20 18:58 評論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 評論0 收藏0
vue學(xué)習(xí)筆記（二）

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

klivitamJ 2019-08-30 13:48 評論0 收藏0