Javascript未读取getElementById上的值

尝试将值传播到按钮上的五个输入字段。我正在努力：

<input name="common<?php echo"$timeItem"?>" id="common<?php echo"$timeItem"?>" 
class="form-control input-sm" style="width:55px; height:20px; margin:0; padding:2px;  text-align: center;" type="text" value="111">
<button type="button"

onclick='
myElement = document.getElementById("common<?php echo $temp;?>").value;

document.getElementById("time_id<?php echo $temp;?>").innerHTML = myElement;

<?php $temp=$temp-1;?>

document.getElementById("time_id<?php echo $temp;?>").innerHTML = myElement;

<?php $temp=$temp-1;?>

document.getElementById("time_id<?php echo $temp;?>").innerHTML = myElement;

<?php $temp=$temp-1;?>

document.getElementById("time_id<?php echo $temp;?>").innerHTML = myElement;

<?php $temp=$temp-1;?>

document.getElementById("time_id<?php echo $temp;?>").innerHTML = myElement'>

点击我更新

但是我被告知不能将属性'innerHTML'设置为null

我只是不明白为什么这不是拾取输入文本字段的值，它似乎有正确的拼写

编辑：这是浏览器呈现的方式-更易于阅读：

<td><input name="time_id176" id="time_id_id176"  ...  type="text" value="0:00">
</td>
<td><input name="time_id177" id="time_id_id177"  ...  type="text" value="0:00">
</td>
<td><input name="time_id178" id="time_id_id178"  ...  type="text" value="0:00">
</td>
<td><input name="time_id179" id="time_id_id179"  ...  type="text" value="0:00">
</td>
<td><input name="time_id180" id="time_id_id180"  ...  type="text" value="0:00">
</td>

<td> 
<input name="common180" id="common180" class="form-control ... type="text" value="111">
<button type="button"

onclick='
myElement = document.getElementById("common180").value;

document.getElementById("time_id180").innerHTML = myElement;


document.getElementById("time_id179").innerHTML = myElement;


document.getElementById("time_id178").innerHTML = myElement;


document.getElementById("time_id177").innerHTML = myElement;


document.getElementById("time_id176").innerHTML = myElement'>
Click blah blah.</button>
</td>

是元素的id，然后调用

getElementById("time_id176").innerHTML

因此，您需要修复您的id方案，或者需要按名称获取元素

感谢您的编辑，显示生成的html不能仅用php回答，在本例中

您的输入id为time\u id\u id176，而您的js为document.getElementByIdtime\u id176。应该是document.getElementByIdtime\u id\u id176

或者您应该更改生成输入标记的代码，因为time\u id\u id176没有time\u id176更有意义

其次，document.getElementByIdtime_id176.innerHTML=myElement；这是行不通的。输入是一个自关闭标记，它没有innerHTML。将“正确方式”设置为其值：

---

您使用的是哪种浏览器？您应该使用.value而不是.innerHTML来设置输入元素的值

---

哦，输入的ID也不匹配。

您应该检查$temp，看看dom中是否存在该元素。页面中似乎未使用id。抱歉，$temp设置在此之外。所有这些都是按照我希望的方式创建HTML/JS，只是根据Chrome调试工具，myElement是空的。明白了！！！！id=输入字段中的time\u id\u id72而不是time\u id72-oops。谢谢你帮我找到它！innerHTML对输入元素也不起作用。看我的答案。是的，谢谢-非常敏锐！我注意到不匹配，找到了解决方案文档。getElementByIdtime\u id\u id883.value=myElement；大约在你发帖后八分钟。谢谢你的解决方案。我最终到达了那里。我是一个完全的JS新手，所以很多是通过尝试和很多错误。如果我看到了你的帖子，我会节省八分钟——但是努力的离开可能会让它更好地坚持下去！看起来你以一分钟的优势赢得了第一个正确答案奖！谢谢你的指点。

getElementById("time_id176").innerHTML

document.getElementById("time_id176").value = myElement;