任何人都可以解释并提供正确的代码吗?

-1 html javascript

HTML文件包含:

<html>
    <head>
        <title>title</title>
        <script style="text/css" src=".\Scripts\CSS\tryc.css"></script>
        <script style="text/javascript" src=".\Scripts\JavaScripts\Text8.js"></script>
    </head>
    <body id="body">
         <h1 id="heading1">Coming Soon</h1> 
        <object id="circle-svg" width="1300" height="560" type="image/svg+xml" data=".\Scripts\svg\ulti.svg"></object>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

JavaScript有

window.onload = function () {
    var as = document.getElementById("body");
    var as1 = as.getElementById("heading1");
    as1.style.color = "blue";
    alert(as1);
    alert("try");
};
Run Code Online (Sandbox Code Playgroud)

文字没有变成蓝色.

coo*_*ter 8

getElementById必须始终从document对象调用.

var as = document.getElementById("body");
var as1 = as.getElementById("heading1");
var as1 = document.getElementById("heading1");
Run Code Online (Sandbox Code Playgroud)

不需要嵌套上下文,因为ID在文档中必须是唯一的.


而且,FWIW,您可以使用document.body而不是在身体上放置ID.


哦,你也应该使用正斜杠而不是反斜杠来获取你的脚本.

<script type="text/javascript" src="./Scripts/JavaScripts/Text8.js"></script>
Run Code Online (Sandbox Code Playgroud)