📅 最后修改于: 2023-12-03 15:23:33.218000 🧑 作者: Mango
在Web开发中，我们通常需要从用户那里获取输入值。在Javascript中，一个常见场景是当用户单击一个按钮时获取输入值并进行相应操作。
以下是一个简单的示例，演示如何在按钮单击事件中获取输入值并将其显示在控制台。
<!DOCTYPE html>
<html>
<head>
<title>获取输入值 - Javascript</title>
</head>
<body>
<input id="inputText" type="text" />
<button id="btnSubmit">提交</button>
<script>
const btnSubmit = document.getElementById("btnSubmit");
btnSubmit.addEventListener("click", function() {
const inputText = document.getElementById("inputText").value;
console.log("你输入的内容是：" + inputText);
});
</script>
</body>
</html>
在这个示例中，我们首先定义了一个文本输入框和一个提交按钮。然后，通过Javascript获取到按钮元素，调用addEventListener方法，为按钮添加一个单击事件。在这个事件处理程序中，我们获取输入文本框的值，并将其显示在控制台中。
值得注意的是，我们使用document.getElementById方法来获取元素。这个方法根据元素的id属性返回一个表示指定元素的对象。在我们的示例中，我们分别使用id "btnSubmit" 和 "inputText" 来获取按钮和文本框。
另外，我们使用value属性获取文本框的值。value属性返回文本框中输入的文本。
现在，如果你在文本框中输入一些文本，然后单击提交按钮，你应该会在控制台中看到这些文本。