我是JavaScript的新手。我正在学习如何将标头更改为DOM的一部分。现在,我不明白的是为什么当您将src代码放在HTML的顶部时,它不起作用(标题未更改)。但是,当我在末尾放置相同的src代码时,标题确实会更改。
请尽量具体,因为我对此还很陌生。非常感激。
<html>
<head>
<title>Simple Page</title>
</head>
<body>
<h1 id="main">Interesting Headline</h1>
<p>Simple Web Page</p>
<script src="script.js"></script> <!-- does work -->
</body>
</html>
<html>
<head>
<script src="script.js"></script> <!-- does not work!, why? -->
<title>Simple Page</title>
</head>
<body>
<h1 id="main">Interesting Headline</h1>
<p>Simple Web Page</p>
</body>
</html>
JavaScript代码;
var headline = document.getElementById("mainHeading");
headline.innerHTML = "Wow! A new headline!";