<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js获取元素</title> <script type="text/javascript"> // 因为html是解释语言, js所添加的样式应在内容下面, 所以, 在没有添加固定语句的时候需要把js语句写在内容后面. window.onload = function(){ // 窗口加载完毕后执行函数 /* // Document.getElementById('div01').style.color = "red"; // 注意,document应为小写, 大写无法执行. document.getElementById('div01').style.color = "red"; // document.getElementById('div01').style.font-size = "30px"; // js语法与css语法很有区别,font-size应用fontSize表达,使用匈牙利命名风格. document.getElementById('div01').style.fontSize = '30px'; } */ var oDiv = document.getElementById('div01'); oDiv.style.color = 'red'; oDiv.style.fontSize = '33px'; /* var iNum = 15; var sTr = "abc"; var bIS = true; var nNo = null; */ // 赋值语句可多次赋值, var声明之后,可用逗号分割需要赋值的变量; // JavaScript采用遍历方式查找元素, 复用元素设置变量能够有效提升性能. } </script> </head> <body> <div class="box1" id="div01" >这是一个div元素</div> </body> </html>