Question

我知道这是基本的东西，但经过几个小时的研究谷歌，这个网站和其他人，我根本无法解释为什么这个代码不起作用。它没有。有人可以发现错误吗？非常感谢提前：

JavaScript位：

<script language="text/JavaScript">

function myFunction() {

var date1;
date1=getElementByID("date1").value;

document.getElementByID("calculate").innerHTML=date1;

}

</script>

HTML位（肯定有效，它是一个包含大量表格，表格的相当大的文件）

       <html>
<head></head>
<body>
    <div id="wrap">
<h2>JavaScript</h2>
<form>
<table>
<tr>    
<th><input type=text id="date1" value="09:00" size=15></td></th></tr></table></form>

<table>
<tr>    
    <th bgcolor="#eeaaaa" align=center><em></em> <input type=button id=pay id="calculate" size=15 value="Click"></th></tr></table>

<table>
<tr>    
    <th><p id="calculate" size=15> </p></td></th></tr></table>
    </div>
</body>
</html>

我已经尝试了不同的东西，改变了语法，清除了混乱，但似乎没有任何效果。

我感谢任何建设性的评论/批评。谢谢

Answer 1

您的第二个输入有两个ID id=pay id="calculate"。id需要是唯一的

<script language="text/javascript">

function myFunction() {

var date1;
date1=document.getElementById("date1").value;

document.getElementById("calculate").innerHTML=date1;

}

</script>

最重要的是..你没有打电话给myFunction

Answer 2

#calculate（id="calculate"元素）是input元素。您不是使用innerHTML而是value设置其值（就像您在#date1中读取值时所做的那样。）

您可能希望使用在线HTML验证程序或至少更强大的HTML编辑器来帮助您使用代码。

JavaScript简单的回显/打印查询

2 个答案: