以 'onclick 在标签上获取 value' 为主题的介绍

简介

onclick 是一种 HTML 事件属性，用于在用户点击 HTML 元素时触发 JavaScript 函数。在很多情况下，我们需要从点击事件中获取 HTML 元素的值以便在 JavaScript 中使用。本文将介绍如何使用 onclick 事件从标签上获取 value 值。

代码示例

示例代码如下，我们在 HTML 中定义一个button元素，当用户点击该按钮时，会触发onclick事件，并从中获取该元素的value值。

<button onclick="getValue()">点击获取value值</button>
<script>
function getValue () {
    var value = document.querySelector('button').value;
    console.log(value);
}
</script>

需要注意的是，通过 onclick 事件获取到的值是该 HTML 元素的 value 属性，而 value 属性只适用于以下元素：

• input 元素（type="text" 与 type="password"）
• textarea 元素
• select 元素（单选与多选）

总结

onclick 事件是非常常用的一种 HTML 事件，可以通过它获取到 HTML 元素的 value 值。但是需要注意的是，只有特定的 HTML 元素具有 value 属性，因此在使用时需要格外留意。