abstract：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>根據(jù)id選擇元素</title></head><body><ul> <l
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>根據(jù)id選擇元素</title>
</head>
<body>
<ul>
<li id="item1">列表01</li>
<li id="item2">列表02</li>
<li id="item3">列表03</li>
<li id="item4">列表04</li>
<li id="item5">列表05</li>
</ul>
</body>
</html>
<script>
//使用id屬性獲取元素
let item1=document.getElementById('item1');
let item2=document.getElementById('item2');
let item3=document.getElementById('item3');
//設(shè)置元素的樣式
item1.style.color='red';
item2.style.backgroundColor='green';
item3.style.fontSize='1.5rem';
item3.style.color='yellow';
//如果需要使用多個id來獲取元素,可以通過函數(shù)來簡化操作
function getElements(){//參數(shù)是多個id字符串
let elements={};//創(chuàng)建一個空的map映射對象來保存結(jié)果
for (let i=0; i<arguments.length;i++){
let id =arguments[i];//獲取到要查詢的每個id
let elt=document.getElementById(id);//根據(jù)id查找元素
if(elt===null){
throw new Error('NO element with id:' + id)//跑出異常
}
elements[id]=elt;//將獲取到的元素存入到映射數(shù)據(jù)中
}
return elements;
}
//獲取頁面上指定的id屬性的元素,返回一個關(guān)聯(lián)數(shù)組類型的對象,鍵名就是id的值
let elements = getElements('item4','item5');
for (let key in elements){
elements[key].style.backgroundColor='blue';
}
</script>
Correcting teacher：查無此人Correction time：2019-06-22 17:01:32
Teacher's summary：完成的不錯。每行js和jq語句結(jié)束增加;號。繼續(xù)加油