我有一个html和java脚本文件。打印[object HTMLInputElement]而不是文本框
function saved() {
var description;
description = document.getElemenstByClassName("description").value;
}
function savedd() {
"use strict";
var due_date;
due_date = document.getElementsByClassName("due_date").value;
}
function saverd() {
"use strict";
var reminder_date = document.getElementsByClassName("reminder_date").value;
}
document.getElementsByClassName("result")[0].innerHTML = description;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=.5, maximum-scale=1, minimum-scale=1, width=device-width" />
</head>
<body>
<div style="margin:0 auto;text-align:center">
<!-- Div align in the middle -->
<div style="margin-left:auto;margin-right:auto;text-align:center">
<form>
Description:<br>
<input type="text" id="description" onchange="saved()"><br>
<br>
<br>
Due Date:<br>
<input type="date" id="due_date" onchange="savedd()" ><br>
<br>
<br>
Reminder Date: <br>
<input type="date" id="reminder_date" onchange="saverd()"><br>
</form>
</div>
<div class="result"> PlaceHolder</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type='text/javascript' src="editpage.js"></script>
</body>
</html>
问题是,现在,当涉及到打印描述中,所有它打印是[对象HTMLInputElement]。我想告诉它是否正确存储了信息,以便我可以将它存储在单独的文件中。
使用了'getElemenstByClassName',而不是'getElementById'为'description','due_date'和'reminder_date' – blex
它似乎并不像你曾经打印什么。 (没有'console.log'。)另外,你的函数什么都不做;他们将某些东西保存到局部变量并结束。 (在函数结束时,局部变量将被丢弃。) – c0d3rman
'getElementsByClassName'返回节点列表,而不是单个元素。在使用'.value'之前,您需要为它编制索引。 – Barmar