1.学习了JS-对象-BOM
2.学习了JS-对象-DOM
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Js-对象-BOM</title>
</head>
<body>
<img id="h1" src="img/alibaba.jpg"> <br><br>
<div class="cls">阿里巴巴</div> <br>
<div class="cls">淘宝</div> <br>
<input type="checkbox" name="goods"> 衣服
<input type="checkbox" name="goods"> 鞋子
<input type="checkbox" name="goods"> 包包
</body>
<script>
// 1.获取ELEMENT元素
//1.1获取元素-根据ID获取
var img=document.getElementById('h1');
alert(img);
//1.2获取元素-根据标签获取
// var divs=document.getElementsByTagName('div');
// for(let i=0; i<divs.length; i++){
// alert(div[i]);
// }
//1.3获取元素-根据NAME属性获取
// var ins=document.getElementsByName('goods');
// for(let i=0; i<ins.length; i++){
// alert(ins[i]);
// }
//1.4获取元素-根据CLASS属性获取
// var divs=document.getElementsByClassName('cls');
// for(let i=0; i<divs.length; i++){
// alert(divs[i]);
// }
//2.查询参考手册,属性,方法
var divs=document.getElementsByClassName('cls');
var div1=divs[0];
div1.innerHTML="ALIBABA";
</script>
</html>