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