收藏
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--document是document对象的一个引用，是一个全局变量-->
<ul>
<li id="item1">item01</li>
<li>item02</li>
<li id="item3">item03</li>
<li>item04</li>
<li id="item5">item05</li>
</ul>
</body>
<script type="text/javascript" src="../js/jquery-1.11.1.min.js" ></script>
<script>
function getelement(){
var item = document.getElementsByTagName('li')
for (i=0;i<item.length;i++) {
var itemId = item[i].id
if(itemId !=""){
document.getElementById(itemId).style.background = 'pink'
}
}
}
getelement()
function getelements(){ //参数是多个id字符串
var elements = {}; //保存获取到的dom对象元素
for (var i=0;i<arguments.length;i++) {
var id = arguments[i]; //获取参数id
var elt = document.getElementById(id); //根据id字符串
if(elt === null){
throw new Error("没有这个元素"+id); //抛出异常
}
elements[id] = elt; //获取到的元素保存到结果集合中
}
return elements; //将获取到的元素返回
}
//根据id获取页面上的指定元素，返回一个关联数组对象，键名就是id
var elements = getelements('item1','item3','item5');
// console.log(elements);
for (var Key in elements) {
elements[Key].style.background = 'yellow'
}
getelements()
</script>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
