<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<script>
window.onload = function() {
function each(elements, callback) {
var callback = callback || function(){};
for(var i = 0, len = elements.length; i < len; i++){
elements[i].innerHTML = i;
var flag = callback.call(elements[i],i, elements[i]);
if(flag == false){
break;
}
}
}
var aDiv = document.getElementsByTagName('div');
var aSpan = document.getElementsByTagName('span');
each(aDiv,function(index, element){
console.log(this);
if(index > 1){
return false;
}
element.style.backgroundColor = 'pink';
});
each(aSpan);
}
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<span></span>
<span></span>
<span></span>
</body>
</html>