<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string对象 </title>
<script type="text/javascript">
var message=document.getElementById("ss").value;
var mychar=message.toLowerCase() ;
document.write("字符串为:"+mychar+"<br>");
</script>
</head>
<body>
<span id="ss">I love JavaScript!</span>
</body>
</html>
var message=document.getElementById("ss").value; 这句话错了 改成
var message=document.getElementById("ss").innerHTML;
你这个顺序反了呀
看看html程序的执行流程就明白了
页面加载的时候是从上到下的,先<script>里面加载;加载的时候body为空;加载完后在加载body里面的;
放在body后面就先加载body然后在加载<script>里面的,所以可以运行。
要放在head里面也可以,不过要把代码放在window.onload=function(){ } 里面,表示当页面加载完之后在运行
我也试了一下,为什么要把JS调到body后面才可以运行呢?