<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>初识css</title>
<script type="text/javascript">
document.write("hello");
document.getElementById("p1").style.color="blue";
</script>
</head>
<body>
<p id="p1">我是第一段文字</p>
<p id="p2">我是第二段文字</p>
</body>
</html>
为什么P1不显示为蓝色?
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>初识css</title> </head> <body> <p id="p1">我是第一段文字</p> <p id="p2">我是第二段文字</p> <script type="text/javascript"> document.write("hello"); document.getElementById("p1").style.color="blue"; </script> </body> </html>
因为你的js代码执行时,页面的p标签还没有生成。