如何使用span而不是textarea来使函数工作？

Question

我想用

 <span id="cLeft">10</span>left.</div>

而不是

 <textarea id="cLeft">10</textarea>left.</div> 

我的下面的功能可以与textarea id="cLeft"一起正常使用，但不会使用span id="cLeft"。我的代码出了什么问题？

   myTrail.addEventListener('keypress', function countChars() {
        var limitChars = "10";
        var stringChars = document.getElementById("myTrail").value;
        var lengthChars = stringChars.length;
        if (lengthChars <= limitChars) {
            document.getElementById("cLeft").value = limitChars - lengthChars;
        } else {
            document.getElementById("myTrail").value = stringChars.substr(0, 10);
        }

});

这是JSFiddle： http://jsfiddle.net/pshmM/3/

Answer 1

<span>没有价值

document.getElementById("cLeft").textContent = limitChars - lengthChars;

Answer 2

如果您使用<textarea>，则应更改其值：

document.getElementById("cLeft").value = limitChars - lengthChars;

但是，如果您使用<span>它没有价值，那么它就会有内容，换句话说：

document.getElementById("cLeft").innerHTML = limitChars - lengthChars;

innerHTML！