使用 JavaScript 獲取元素值
Kushank Singh
2023年10月12日

HTML 網頁由不同的 HTML 元素組成,這些元素具有不同的屬性和值。
在本教程中,我們將使用 JavaScript 獲取元素的值。
要獲取元素的值,我們將使用 value
屬性。它可用於設定或返回 value
屬性的值。
請參閱下面的程式碼。
const variable = document.getElementsById(id).value;
在上面的示例中,我們首先使用 getElementsById()
函式使用其 ID 檢索所需元素。然後 value
屬性將返回其值。
我們還可以使用 HTML 中的 onclick
事件處理程式選擇元素。然後將元素傳遞給函式,該函式使用所需的屬性檢索其值。
例如,
// html
<input id = 'theId' value = 'test1' onclick = 'getValue(this)' />
// javascript
function getValue(e) {
const variable = e.value;
}