Question

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>

JavaScript有

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

文字不会变成蓝色。

Answer 1

必须始终从getElementById对象调用

document。

var as = document.getElementById("body");
var as1 = as.getElementById("heading1");
var as1 = document.getElementById("heading1");

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

FWIW，您可以使用document.body而不是在身上放置身份证。

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

<script type="text/javascript" src="./Scripts/JavaScripts/Text8.js"></script>

Answer 2

我认为你不能使用

as.getElementById();

为什么不直接与：

as = document.getElementById('heading1'); 
as.style.color = 'blue';

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

2 个答案: