JS選擇器練習傳統方式練習題
阿新 • • 發佈:2018-12-03
在一個網頁中獲取到所有div和span標籤,並且將顏色設定為red green;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div,span{
width: 100px;
height: 30px;
border : 1px solid #fff;
padding: 5px 5px;
}
</style>
</head>
<body class="box">
<div ></div>
<div></div>
<span></span>
<span></span>
</body>
</html>
<script >
//傳統方式獲取dom並且幫背景設定為紅色
var divs = document.getElementsByTagName('div');
var spans= document.getElementsByTagName('span');
//迴圈所有的元素
for(var i=0;i<divs.length;i++){
divs[i].style.background = 'red';
}
for(var i=0;i<spans.length;i++){
spans[i].style.background = 'green' ;
}
//這樣的方式雖然我們獲取到dom,並且幫顏色這是成想要的,但是程式碼沒有
//複用性,冗長,
</script>