我试图在计数器达到极限时更改其颜色
但它不起作用。不知道为什么
我是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两次,这是成本低效的。