JavaScript學習筆記(一) 根據類名獲取元素

Chiclaim 發布于2019-08-21 10:22 / 3633人閱讀

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

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() 方法返回的是元素的數組，而不是一個元素。

4.getElementsByTagName()

TagName就是標簽名，如：、...

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

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

5.getElementsByClass()

這個方法要自己寫。

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

云服務器 GPU云服務器 javascript獲取元素 javascript學習筆記學習筆記一 js如何獲取一組元素

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85407.html

《JavaScript Dom編程藝術》讀書筆記（五）

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

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

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

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

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

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

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

charles_paul 2019-08-28 18:01 評論0 收藏0
vue學習筆記（二）

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

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