十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
!DOCTYPE html
10年积累的成都网站制作、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先建设网站后付款的网站建设流程,更有承留免费网站建设让你可以放心的选择与我们合作。
html lang="en"
head
title奇偶数/title
/head
body
input type=text
input type=button value="判断" onclick="chk(value)"
p id="demo"/p
script
function chk(num) {
var inputs = document.getElementsByTagName('input')[0]
var value = inputs.value
num = value;
console.log(num);
alert((num % 2 == 0) ? "偶数" : "奇数"); //判断是否能整除2
}
/script
/body
/html
js中有一个函数filter(),可以用来过滤数组中的特定元素;
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组。
语法 : filter((item, index, arr) = { ... })
filter中一共可已设置三个入参:其中item( 必填 )--代表数组中的每个元素,filter会对每个元素进行遍历;
index( 先填 )--每个元素的index;arr( 选填 )--指定要遍历的数组。
要筛选数组中的奇数位元素或者偶数位元素就可以用filte()方法。
例子:
1、你之前的答案是对的。有问题的是你全局变量的定义有问题,把你代码里的 i 变量的定义移到方法之外定义即可。
2、但是比较奇怪的是,你的代码里对于i变量没有进行奇数与偶数的处理,不知道是不是你代码没有贴全。
3、这个代码逻辑是比较简单的。具体代码如下图所示。
script type="text/JavaScript"
var num = prompt("请输入一个数字","");
function fun(num){
var a = parseInt(num);
switch(a%2){
case 0:
document.write("是偶数");
break;
case 1:
document.write("是奇数");
break;
default:
alert("不是数字,请重新输入");
var num = prompt("请输入一个数字","");
fun(num);
break;
}
}
fun(num);
/script
1、遍历tr,得到鼠标所在tr的索引值,然后用二楼所说的方法判断奇偶;
2、用jQuery方便很多,在选择器后面加上":even"便选择的是索引值为偶数的元素,加":odd"便是索引值为奇数的元素。
下面是实现的代码,包括jQuery的:
html
head
title/title
script type="text/javascript" src="jquery/jquery-1.4.2.js"/script
script type="text/javascript"
function changeStyle(elementId) {
var testTable = document.getElementById("testTable").children[0];
for(var i = 0; i testTable.children.length; i++) {
if(testTable.children[i] == elementId) {
if(i % 2 == 1) //奇数
elementId.style.background = "red";
else //偶数
elementId.style.background = "blue";
}
}
}
//清除样式
function changeBack(elementId) {
elementId.style.background = "";
}
/**
* jQuery方法:
*/
$(document).ready(function() {
$("#jqueryTable tr:even").mouseover(function() {
$(this).css("background", "red");
});
$("#jqueryTable tr:odd").mouseover(function() {
$(this).css("background", "blue");
});
$("#jqueryTable tr").mouseout(function() {
$(this).css("background", "");
});
});
/script
/head
body
table id="testTable" border="1"
tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)"
td第/tdtd一行/td
/tr
tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)"
td第/tdtd二行/td
/tr
tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)"
td第/tdtd三行/td
/tr
tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)"
td第/tdtd四行/td
/tr
tr onmouseover="changeStyle(this)" onmouseout="changeBack(this)"
td第/tdtd五行/td
/tr
/table
table id="jqueryTable" border="1"
tr
td第一行/td
/tr
tr
td第二行/td
/tr
tr
td第三行/td
/tr
tr
td第四行/td
/tr
tr
td第五行/td
/tr
/table
/body
/html
html
head
script
function chk(){
var numb = document.getElementById('num').value;
if(numb%2 == 0)
{
return 0;
}else{
return 1;
}
}
/script
/head
body
form
input id="num"/
input value="确定" type="button" onClick="alert(chk())"
/form/body
html