使用 JavaScript 獲取元素值

Kushank Singh 2021年11月20日
使用 JavaScript 獲取元素值

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;
}