                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

新手求解？？？

<!doctype html>

<html>

<head>

<title>初识css</title>

document.write("hello");

document.getElementById("p1").style.color="blue";

</script>

</head>

<body>

<p id="p1">我是第一段文字</p>

<p id="p2">我是第二段文字</p>

</body>

</html>

为什么P1不显示为蓝色？

qq_嘴角洋溢起的一丝微笑_0

2015-11-25

源自：JavaScript入门篇 1-1

关注问题我要回答

806

操作

收起

1 回答

李晓健
2015-11-25

<!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标签还没有生成。