Javascript 通過 ID 獲取元素

Michael Zippo

那麼，您想在 JavaScript 中選擇網頁上的元素嗎？這就是 getElementById 方法的特長，被稱為 JavaScript 中的 getters 元素之王。

getElementById 允許您根據其 ID 選擇元素。如果您考慮一下，這是一個非常不言自明的方法名稱。

在本指南中，我們將討論 getElementById 是什麼，它是如何工作的，以及何時你應該在你的代碼中使用它。我們將在 document.getElementById 演示中看一下“顯示/隱藏”按鈕文本的示例。

讓我們深入了解 Let！

什麼是 getElementById？

getElementById () 是一種文檔方法，它根據指定的 Element ID 屬性選擇頁面上的 HTML DOM 元素。

考慮以下代碼：

在我們的 HTML 代碼中，我們定義了一個 找到適合你的訓練營

 如果你已經為一篇文章分配了一個ID，你可以選擇使用這個方法。您可以使用較大的 getter（如 querySelector 或 getElementByClass 來返回匹配特定條件的第一個元素對象，而不是使用更大的 getter getElementById()。
getElementById()是一種常用的方法，用於檢索網頁上的元素。
關於 getElementById 你應該知道的事
在我們深入例子之前，讓我們先談談初學者在使用這種方法時經常犯的錯誤。
當你使用這個方法時總是很沮喪學了新東西沒用，那麼我們來談談你在學習getElementById()時可能犯的常見錯誤。
首先，getElementById() 區分大小寫。雖然術語ID在編程中通常是大寫的，但在使用這種方法時應該使用駝峰式Id。否則，此方法將不起作用

 二、ID您指定的不得包含主題標籤。請考慮以下代碼：
 這個例子可能給人的印像是它獲取了id為mainButton的元素，其實不然。只需指定您要檢索的項目：
現在它已經不礙事了，我們可以繼續查看示例。
如何使用 getElementById
在瀏覽網頁時，您可能會遇到“閱讀更多”標籤。提示您按下此按鈕，以便您可以查看其余文本。
我們將使用 getElementB yId () getter 構建此函數。您可以在  GitHub .
創建前端 
 讓我們從使用 HTML 和 CSS 創建一個簡單的前端開始創建一個名為 index.html 的新文件。 html 並粘貼以下代碼：
  JavaScript getElementById() 
 想了解更多關於getElementById()的知識嗎？您來對地方了。
了解更多  getElementById () 是一種 JavaScript 方法，允許您在頁帶。此方法通常稱為“getter”，因為它“獲取”頁面的元素。