我试图在计数器达到极限时更改其颜色
但它不起作用。不知道为什么
我是javascrit的新手,我不了解jquery,请使用javascript。
这是我的代码工作:

<!DOCTYPE html>
<html>
<head>
<script>
function counting(){
    var count = document.getElementById('text1').value;
    var grab = document.getElementById('text1');
    var count1 = document.getElementById('p1');
    count1.innerHTML = count.length;

    if (grab.length > 10) {
       count1.style.color="#0033bb";
    };
  }

</script>
</head>

<body>

<textarea id="text1" onkeyup="counting();"></textarea>
<p id="p1">0</p>
</body>
</html>

最佳答案

抢是元素,相反,您想要它的价值

if (grab.value.length > 10) {
   count1.style.color="red";
}


工作提琴:
http://jsfiddle.net/entw1e39/

正如其他人指出的,您也可以使用

 if (count.length > 10) {
     count1.style.color="red";
 }


但后来我会改写

var grab = document.getElementById('text1');
var count = grab.value;


这是一个好习惯。无需调用DOM两次,这是成本低效的。

08-18 02:39