使用 JavaScript 获取元素值

Kushank Singh 2023年10月12日
使用 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;
    }