我刚开始学习 HTML。在alert()我的一个变量上做一个给我这个结果[object HTMLInputElement]。
如何获取在文本字段中添加的数据，其中我的输入类型是文本？
Javascript，查看 [object HTMLInputElement]
IT技术
javascript
html
2021-03-06 02:31:45
6个回答
如果元素是<input type="text">，则应查询value属性：
alert(element.value);
请参阅此jsFiddle 中的示例。
此外，看到您开始学习 HTML，您可能会考虑使用console.log()而不是alert()用于调试目的。它不会中断脚本的执行流程，并且您可以使用开发人员工具（显然除了那个）大致了解几乎每个浏览器中的所有日志。
当然，您可以考虑使用像Firebug这样的 Web 开发工具，例如，它是一个强大的 Firefox 插件，提供了许多功能（调试 javascript 代码、DOM 检查器、实时 DOM/CSS 更改、请求监控）。 ..)
这不是因为您正在使用警报，它也会在使用 document.write() 时发生。当您将任何标签的 id 或类命名为与您在 JavaScript 代码中使用的任何变量相同时，通常会出现此问题。尝试更改 javascript 变量名称或更改标签的 ID/类名称。
我的代码示例： bank.html
<!doctype html>
<html>
<head>
<title>Transaction Tracker</title>
<script src="bank.js"></script>
</head>
<body>
<div><button onclick="bitch()">Press me!</button></div>
</body>
</html>
JavaScript 代码： bank.js
function bitch(){ amt = 0;
var a = Math.random(); ran = Math.floor(a * 100);
return ran; }
function all(){
amt = amt + bitch(); document.write(amt + "
"); } setInterval(all,2000);
你可以从我的代码中查看并理解这个概念。在这里，我在 JS 中使用了一个名为“amt”的变量。你只是试着运行我的代码。它会正常工作，但是当您在 html 正文中为 div 标签放置一个 [id="amt"]（不带方括号）（这是 JS 代码中的变量名称）时，您将看到与您正在谈论的相同的错误。如此简单的解决方案是更改变量名或 id 或类名。
改变：
$("input:text").change(function() {
var value=$("input:text").val();
alert(value);
});
到
$("input:text").change(function() {
var value=$("input[type=text].selector").val();
alert(value);
});
注意：选择器：id，类..
<input type="text" />
<script>
$("input:text").change(function() {
var value=$("input:text").val();
alert(value);
});
</script>
使用 .val() 获取元素的值（jquery 方法），使用 $("input:text") 此选择器选择您的输入，使用 .change() 将事件处理程序绑定到“change”JavaScript 事件。