我参加了 Javascript 类(class),并有一些练习作为作业。在其中一个中,我必须创建一个具有以下 Angular 色的 Javascript 函数:当我按下按钮时,该函数应该从文本的第一个字段中获取数据并将其放入接下来的 3 个输入字段(日、月和年)中。
我写了这个函数,但它不起作用。你能告诉我为什么吗?谢谢。
<!DOCTYPE html>
<html>
<head></head>
<body>
<input type="text" value="20/12/2015" />
<button onclick="calendar()">Push the button</button><br/>
<input type="text" placeholder="day" /><br />
<input type="text" placeholder="month" /><br />
<input type="text" placeholder="year" />
<script>
function calendar() {
var x = "20/12/2015";
var day = x.substring(0, 2);
var month = x.substring(3, 5);
var year = x.substring(6);
document.getElementsByTagName("input")[1].innerHTML = day;
document.getElementsByTagName("input")[2].innerHTML = month;
document.getElementsByTagName("input")[3].innerHTML = year;
}
</script>
</body>
</html>
最佳答案
您需要使用value
属性来设置/获取 <input>
element 的值.
function calendar() {
var x = "20/12/2015";
day = x.substring(0, 2);
month = x.substring(3, 5);
year = x.substring(6),
inputs = document.getElementsByTagName("input");
inputs[1].value = day;
inputs[2].value = month;
inputs[3].value = year;
}
<input type="text" value="20/12/2015" />
<button onclick="calendar()">Push the button</button><br/>
<input type="text" placeholder="day" /><br />
<input type="text" placeholder="month" /><br />
<input type="text" placeholder="year" />
关于带有子字符串的 Javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49969596/