Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在多个元素上更改.innerHTML?JavaScript_Javascript_Html - Fatal编程技术网

如何在多个元素上更改.innerHTML?JavaScript

如何在多个元素上更改.innerHTML?JavaScript,javascript,html,Javascript,Html,当我开始这个项目时,我注意到我不能在多个元素上更改.innerHTML。它只输出第一行。为什么会这样 document.getElementById('balance').innerHTML='balance:'+'100'; document.getElementById('tickets')。innerHTML='tickets:'+'100' 尝试正确打开和关闭: document.getElementById('balance').innerHTML='balance:'+100;

当我开始这个项目时,我注意到我不能在多个元素上更改.innerHTML。它只输出第一行。为什么会这样

document.getElementById('balance').innerHTML='balance:'+'100';
document.getElementById('tickets')。innerHTML='tickets:'+'100'

尝试正确打开和关闭:

document.getElementById('balance').innerHTML='balance:'+100;
document.getElementById('tickets').innerHTML='tickets:'+100


这是因为您的标记错误。
标记不是自动关闭的,因此不能使用
/>
将其关闭

必须使用结束标记,如下所示:

<div>

</div>


这是因为您的标记错误。
标记不是自动关闭的,因此不能使用
/>
将其关闭。由于您没有关闭标记,浏览器将在最后关闭它们,这使它们彼此嵌套,当您更改第一个标记的
innerHTML
时,实际上您替换了所有三个嵌套标记,因此它们不再存在,第二个JavaScript行失败

显式关闭标记,代码将正常工作:

document.getElementById('balance').innerHTML='balance:'+'100';
document.getElementById('tickets')。innerHTML='tickets:'+'100'

哦,我想这没关系。我这样写是为了让它更干净,但我似乎别无选择。谢谢