js添加类没有效果,表格数字正负时显示不同的颜色,不知道哪错了

2024-05-10 06:46

1. js添加类没有效果,表格数字正负时显示不同的颜色,不知道哪错了

你好,你有些地方理解错了,nubm是声明为一个数组,存放的是字符串,并非直接读取的文档元素,所以$(nubm[i])来获取对象是获取不到的
帮你改了下,你可以看看
						Document				.green{color: #04a008;}		.red{color: #fb0202;}		table{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:600px;border-collapse:collapse;margin-top: 20px;}  		table th,table td{border:1px solid #ccc;text-align: center;line-height: 30px;}						  			// window.onload=function(){  			// 	var nubm1=12;			// }  			$(document).ready(function () {  			var  nubm1=12  			var  nubm2=-5;  			var  nubm3=7;  			var  nubm=new Array("12","-5","7");  			//alert(nubm.length);			// alert(nubm);  			$("#content tbody").append(""  	+nubm1+""+nubm2  	+""+nubm3+"");	        var $td = $("#content tbody").find('td');  			for(var i=0;i "0"){  				alert( typeof nubm[i]);  				$td.eq(i).addClass("red");  				}else{  				$td.eq(i).addClass("green");  				}	  			} 			  		});											11		22		33														 -->					

js添加类没有效果,表格数字正负时显示不同的颜色,不知道哪错了

2. 通过js判断,数字的正负,来改变颜色,下面的100为什么总是显示红色,-1不变色?,怎样判断多个数字

获取到的Num 是整个div
是个对象
function change(){
            var numDiv=document.getElementById("num");//获取DIV
            var num=numDiv.innerHTML;//获取DIV标签里的html

            var col=Number(num)>"0"?"green":"red";
            numDiv.style.color=col;
        }
ByID 就只能根据唯一的ID来判断
如果判断多个 那就得ByClassName
或者标签了

3. 在html中,javascript怎么判断数值大小,并根据不同数值大小显示不同的样式?

你这种设计思路本身就不合适, 
应该由数据决定HTML结构是不同样子的,在服务端生成HTML的时候根据不同的数值给予各个标签不同的class,你在css中对不同的class定义不同的背景颜色就可以了。
如果真的需要客户端完全处理,建议你了解一下 "js模板引擎"

在html中,javascript怎么判断数值大小,并根据不同数值大小显示不同的样式?

4. 用CSS或JS如何将调用出来的数值正数和小数各使用不同的样式显示?

Vue实践-CSS样式position/display/float属性对比使用

5. JS 写两数相加正数页面变红负数页面变绿

输入a
输入b


function chgColor()
{
 var a=parseInt(document.getElementById("a").value);
 var b=parseInt(document.getElementById("b").value);
 if(a+b>0)
  document.body.bgColor="red";
 else
  document.body.bgColor="green";
}

JS 写两数相加正数页面变红负数页面变绿

6. 用js 使同一行字字 显示不同的颜色

    New Document          ' + key + '';		});		words.innerHTML = html;	}//-->   这是一行彩色文字,每次刷新颜色都会不同! 

7. JS语言中,如果数字为负数时显示为红色,数字是从ACCESS中读取的


		     	var str = '';
		     	if(str < 0){
		       document.write(""+str+"");
		     	}
			

JS语言中,如果数字为负数时显示为红色,数字是从ACCESS中读取的

8. 根据数字大小改变颜色js

$(document).ready(function(){
$("td").each(function(){
var tdNum=Number($(this).html());
if(tdNum>5){
$(this).css("background-color","pink");
}
});
});
最新文章
热门文章
推荐阅读