Javascript 文檔 Getelementbyid

| | | | | | | | | | | | | | | | | |

getElementById JavaScript 方法從 文檔對像模型 (DOM) HTML 中選擇一個元素。如果你拼錯了這個方法,你會在你的程序中遇到錯誤document.getElementById is not a function

本教程解釋了這個錯誤的含義,因為它得到了緩解。我們將查看此錯誤的示例,以便您了解修復它所需的知識。

document.getElementById 不是函數

document。 getElementById () 方法 是JavaScript 選擇方法之一。該方法根據其 ID 從 HTML DOM 中檢索對象。

此方法用於操作元素的內容或檢索有關特定元素的信息,例如其內容或屬性。

ID 在 HTML 中定義。特定元素的 ID 必須是唯一的:


< header> 的 ID 為 top_header。此 ID 對於

是唯一的。 ID 通常用於 使用 CSS 設置特定元素的樣式。

document. getElementById () 區分大小寫。這個方法是:

  • 。 getElementById ()
  • document.getElementById ()
  • document.getElementById ()

方法名稱的任何其他變體將不被接受JavaScript。

雖然用大寫字母寫ID很誘人,但由於它是另一個單詞的縮寫,該方法需要使用大寫I和小寫< . strong> d 。

要了解有關 getElementById 方法的更多信息,請閱讀我們的指南 JavaScript getElementById

一個示例場景

我們將構建一段代碼來歡迎用戶進入我們的應用程序。歡迎信息將顯示在我們頁面頂部的標題中。

出於本示例的目的,我們將使用演示名稱。

開始,為網頁的歡迎部分定義我們的正文 HTML 代碼:

默認情況下,我們的

包含Welcome內容。
標籤是父標籤,它在我們的標題中。接下來,我們將在
標籤 . 將包含我們歡迎消息的所有 JavaScript 代碼:

在我們的腳本中,我們將選擇我們的標題並修改其內容:

getElementById () 方法選擇我們的標題。我們將此 HTML 元素分配給名為 title JavaScript 變量。我們的標題內容將改為“歡迎,盧克!” " 我們使用 textContent 來更改標題。

讓我們運行我們的代碼,看看會發生什麼。如果我們打開我們的 < /a> JavaScript 控制台,我們可以看到一個錯誤:

Screen Shot 2020 09 28 at 07.47。 35