<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
//因为是对象数组所以查询失败
function test1() {
var divs = document.querySelectorAll("div");
arr = Array.prototype.slice.call(divs);
var locationArr = [];
for (var i = 0; i < arr.length; i++) {
if (arr[i].indexOf('li') >= 0) {
locationArr.push(i);
}
}
console.log(arr);
console.log(locationArr); //字符串在数组中的位置。
}
//下面是查找字符串在数组中的位置因为数组文本是内容所以查询成功
function test2() {
var arr = ['zhao', 'qian', 'sun', 'li', 'zhou'];
var locationArr = [];
for (var i = 0; i < arr.length; i++) {
if (arr[i].indexOf('li') >= 0) {
locationArr.push(i);
}
}
console.log(arr);
console.log(locationArr); //字符串在数组中的位置。
}
</script>
</head>
<body>
<button onclick="test1()">查找对象数组字符串</button>
<button onclick="test2()">查找文本数组字符串</button>
<div id="rongqi">
<div>zhao</div>
<div>qian</div>
<div>sun</div>
<div>li</div>
<div>zhou</div>
</div>
</body>
</html>
tagName
localName
nodeName
无非就是比较这个东西嘛。。。