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/

当输入中的值更改时，范围的内容更改为“文本”。