js判断当值的比较小的背景为红色
2024-10-21 23:02:22
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<table width="500px" border="1px solid #ccc">
<thead> <td>首页</td>
<td>数字</td>
<td>关于</td>
<td>我们</td> </thead>
<tbody class="parent">
<!-- <tr>
<td>1</td>
<td class="small">2</td>
<td>3</td>
<td class="big" >5</td>
</tr> -->
</tbody>
</table>
<script type="text/javascript"> var parent=document.querySelectorAll(".parent")[0];
var tr="";
for(var i=0;i<9;i++){
tr+='<tr><td>1</td><td class="small">2</td><td>3</td><td class="big" >5</td></tr>' };
parent.innerHTML=tr;
var small=document.querySelectorAll(".small");
var big=document.querySelectorAll(".big");
console.log(small);
console.log(big);
for(var j=0;j<small.length;j++){
if(big[j].innerHTML>small[j].innerHTML){
big[j].style.backgroundColor="red";
}else{
big[j].style.backgroundColor="white";
} } </script>
</body>
</html>
最新文章
- javascript-单例模式
- Ruby on Rails 接口无法调试的问题
- Unrecognized Windows Sockets error: 0: JVM_Bind 异常怎么办
- D3D9 优化小技巧
- form表单生成的简单理解
- openCv 图像顺时针、逆时针旋转
- GOTO (Transact-SQL)
- mycat实例(1)
- HTML中的Hack条件注释语句
- Jquery源码学习日记(1)
- Python实操二
- [洛谷P1886]滑动窗口 (单调队列)(线段树)
- PAT A1127 ZigZagging on a Tree (30 分)——二叉树,建树,层序遍历
- iOS web view 与 js 交互
- laravel中使用event
- 相邻行列相互影响的状态类问题(类似状压dp的搜索)(POJ3279)
- 多重部分和问题 (dp)
- API接口幂等性框架设计
- 关于Promise 简单使用理解
- sass使用参考文档