想要通过JavaScript改变HTML页面,必须先获取操作对象,有点类似css的选择器,不过js经常通过id获取,因为id具有唯一性。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
window.onload=function () {
var box = document.getElementById('box1');
}
</script>
</head>
<body>
<div id="box1">测试</div>
</body>
</html>
代码中将获取的操作对象赋值给box,是为了以后方便引用操作。可以看出getElementById是通过id获取,也可以用getElementByclass通过类获取等。