<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030">
<title>插入js代码</title>
<script type="text/javascript">
document.write("开启JS之旅!");
document.getElementById("class").style.color="red";
</script>
</head>
<body>
<p id="class">新朋友你在哪里?</p>
</body>
</html>
script代码如果放在body前面,js执行完了以后还没有找到p标签,解决方式一是放到body最后面,等你学到后面就知道了。
应该放在<script></script>
window.onload = function () {
//... 这里放要执行的代码
//会在所有dom节点渲染结束后才运行
}
运行结果是这样的哦
<body> <p id="class">新朋友你在哪里?</p> <script type="text/javascript"> document.write("开启JS之旅!"); document.getElementById("class").style.color="red"; </script>
把js代码放到body里面,并且放在<p>标签的下面就可以了。
id名称class是关键字,应该是没有办法识别