获取元素方法一(获取单个)
可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如:
第一种方法:将javascript放到页面最下边
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="box">js练习</div>
</body>
<script type="text/javascript"> // 程序是从上往下执行 script不能放在前面
document.getElementById("box").style.color = "yellow";
document.getElementById("box").style.fontSize = "30px"; // 对应的行内样式 style="color: yellow; font-size: 30px"
</script>
</html>
第二种方法:将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行,就不会出错了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script type="text/javascript">
// window.onload作用 当文档全部加载完再执行花括号里面的语句
window.onload = function(){
/*
document.getElementById("box").style.color = "yellow";
document.getElementById("box")