如果其他问题,则使用Javascript
Javascript if else issue
我有一个div,我想根据div中的int值更改颜色,但由于某种原因,它没有根据我编写的if-else语句更改颜色。相反,不会显示任何颜色。为什么?
<div id="test">66</div>
JAVASCRIPT
var testDiv = document.getElementById("test");
if (testDiv<50) {
testDiv.style.backgroundColor = '#900000';
} else if (testDiv > 49 && testDiv < 75) {
testDiv.style.backgroundColor = '#FF9933';
} else if (testDiv > 74) {
testDiv.style.backgroundColor = '#00CC00';
}
您将元素视为数字。您希望检索元素的内容并将其转换为数字。
var testDivValue = parseInt(testDiv.textContent, 10);
您试图检查元素的innerHTML,但要与元素本身进行比较。尝试:
var testDiv = document.getElementById("test");
var value = parseInt(testDiv.innerHTML);
if(value<50){
testDiv.style.backgroundColor = '#900000';
}
else if(value>49 && value <75){
testDiv.style.backgroundColor = '#FF9933';
}
else if(value>74){
testDiv.style.backgroundColor = '#00CC00';
}
您已经将HTML对象传递到if语句中,而不是它的实际值。您可以使用innerHTML属性来获取HTML元素中的内容。
var test = document.getElementById("test"); // element by id
var testContent = test.innerHTML; // the value of inner HTML content
一旦将值存储在testContent变量中,就可以对它执行任何操作;-)
// Check if value of inner HTML is less than 50
if(testContent < 50) {
alert("true, do whatever you want.");
} else {
alert("false");
}
我希望你觉得这个有用,
谢谢。
相关文章:
- 播放当前视频时如何停止其他视频?JavaScript
- 如何覆盖锚点元素's href目标,并在我点击转到目标javascript时删除其他错误
- 如何将我的javascript库公开给其他客户端使用
- Javascript阻止其他Javascript代码
- 如何在Javascript中验证日期期间与其他日期期间的交叉
- Javascript的某些部分在Chrome中不起作用,但在其他浏览器中可以完美工作
- 网页上失败的javascript会导致所有其他脚本失败
- Facebook Javascript API:'/我/相册'不适用于其他用户
- SVG使用Javascript将形状平滑地变形为其他预定义的形状
- V8或其他C++JavaScript解释器中的Continuations
- JavaScript在其他页面上用html内容填充文本框
- 如何在不保存到其他变量的情况下更改JavaScript中的值
- 在其他javascript框架模板中运行angular指令
- 确定Twig(或JavaScript)中的国际日期格式,以便在其他地方使用
- 用户名输入如果其他块不能正常工作/Javascript-jQuery-AJAX
- 如何隐藏空<span>在IE中使用javascript.(注意,在其他浏览器中工作正常)
- 如何在javascript画布中使一个矩形位于所有其他矩形之上
- 如何使用javascript从同一浏览器下的其他页面获取URL?有可能吗
- 当请求php脚本生成的图像时,如何使用javascript/其他方法以某种格式打印日期
- 网站使用跟踪与Colfusion/JavaScript/其他