第四节 JavaScript获取元素

 1 <!-- 获取元素的方法一
 2         可以使用内置对象document上的getElementByld方法来获取页面上设置了ID属性的元素，获取到的是一个html对象，然后将它赋值给一个变量 -->
 3 
 4 <!DOCTYPE html>
 5 <html lang="en">
 6 <head>
 7     <meta charset="UTF-8">
 8     <title>Document</title>
 9     <script type="text/javascript">
10 
11         window.onload = function(){
12             // document.getElementById('div1').style.color = 'red';
13             // document.getElementById('div1').style.fontSize = '30px';
14             var oDiv = document.getElementById('div1')
15             oDiv.style.color = 'red';
16         }
17         
18     </script>
19 </head>
20 <body>
21     <div id="div1">这是一个div元素</div>
22 </body>
23 </html>