innerHTML不会改变跨度内容

Question

所以我有一个项目列表，当这个数字输入发生变化时，我想改变span的内容，但innerHTML对我不起作用，不知道为什么。

这是我得到的功能，其中一个跨度和数字输入。有人可以告诉我为什么？

function miktaryenile(veri){
    var fiyati='fiyat'+veri;
    var mfiyat=document.getElementById(fiyati);
    mfiyat.innerHTML='text';
}
<span id="fiyatE-1">55</span>
<input type="number" value="1" id="E-1" onChange="miktaryenile('E-1')"></input>

Answer 1

在您的代码中，javascript代码未包含在<script>标记中。

然后，在javascript中，onchange在元素失去焦点时发生。如果要在更改发生后立即监视更改，可以使用oninput。请注意，这些属性没有大写字母。

更重要的是，您的输入在HTML5中不需要结束标记。 您可以在此处查看代码：https://jsfiddle.net/gvhyu06s/3/

跨度的内容更改为＆＃34; text＆＃34;当输入中的值改变时。