Javascript 无法设置属性'；innerHTML'；仍然使用window.onload延迟时的null值_Javascript_Html_Cordova

Javascript 无法设置属性'；innerHTML'；仍然使用window.onload延迟时的null值

javascript html cordova

Javascript 无法设置属性'；innerHTML'；仍然使用window.onload延迟时的null值,javascript,html,cordova,Javascript,Html,Cordova,我正在尝试编写一个脚本，如果文本是活动屏幕，它会改变文本的颜色（可能有更有效的方法来实现这一点）。我得到的错误是uncaughttypeerror:无法将属性'innerHTML'设置为nullmyJavaScript（整个页面）函数main（）{ var cardDiv='”； var color=（函数color1（检查）{ if（window.location.href.indexOf（检查））返回“红色”；其他的返回“白色”； }); card.fontcolor=颜色（“car

我正在尝试编写一个脚本，如果文本是活动屏幕，它会改变文本的颜色（可能有更有效的方法来实现这一点）。我得到的错误是

uncaughttypeerror:无法将属性'innerHTML'设置为null

myJavaScript（整个页面）

函数main（）{
var cardDiv='”；
var color=（函数color1（检查）{
if（window.location.href.indexOf（检查））
返回“红色”；
其他的
返回“白色”；
});
card.fontcolor=颜色（“cardScreen”）；
var cardDivPrint=cardDiv+卡片+闭合器；
window.onload=document.getElementById（“header”）.innerHTML=cardDivPrint；
}
main（）；

HTML

<!DOCTYPE html>
<link href="../css/MasterSheet.css" rel="stylesheet" />
<html>
<head>
    <title>
    </title>
</head>
<body>
    <div id="header">
    </div>
    <div>Content goes here.</div>
 <script src="../scripts/essentials.js"></script>
</body>

</html>


内容在这里。

IDE（Visual Studio 2015 Cordova）说错误在JavaScript

中的这一行，“var cardDivPrint=cardDiv+card+closer；“

我研究了多个类似的问题，并应用了相关内容（还尝试将window.onload更改为document.onload）但它仍然抛出相同的错误。

onload

希望函数在页面完全加载后执行。否则，它会将其视为简单的赋值语句并执行。使用函数如下：

window.onload = function() {
    document.getElementById("header").innerHTML = cardDivPrint;
};

更新

不要使用

main（）

，而是使用事件

document.addEventListener（“DOMContentLoaded”），函数（事件）{
log（“DOM已完全加载并解析”）；
var cardDiv='”；
var color=window.location.href.indexOf（检查）！=-1？“红色”：“白色”；
card.fontcolor=颜色（“cardScreen”）；
var cardDivPrint=cardDiv+卡片+闭合器；
document.getElementById（“header”）.innerHTML=cardDivPrint；
});

onload

要求在页面完全加载后执行函数。否则，它会将其视为简单的赋值语句并执行。使用以下功能：

window.onload = function() {
    document.getElementById("header").innerHTML = cardDivPrint;
};

更新

不要使用

main（）

，而是使用事件

document.addEventListener（“DOMContentLoaded”），函数（事件）{
log（“DOM已完全加载并解析”）；
var cardDiv='”；
var color=window.location.href.indexOf（检查）！=-1？“红色”：“白色”；
card.fontcolor=颜色（“cardScreen”）；
var cardDivPrint=cardDiv+卡片+闭合器；
document.getElementById（“header”）.innerHTML=cardDivPrint；
});

onload

要求在页面完全加载后执行函数。否则，它会将其视为简单的赋值语句并执行。使用函数如下：

window.onload = function() {
    document.getElementById("header").innerHTML = cardDivPrint;
};

更新

不要使用

main（）

，而是使用事件

document.addEventListener（“DOMContentLoaded”），函数（事件）{
log（“DOM已完全加载并解析”）；
var cardDiv='”；
var color=window.location.href.indexOf（检查）！=-1？“红色”：“白色”；
card.fontcolor=颜色（“cardScreen”）；
var cardDivPrint=cardDiv+卡片+闭合器；
document.getElementById（“header”）.innerHTML=cardDivPrint；
});

onload

要求在页面完全加载后执行函数。否则，它会将其视为简单的赋值语句并执行。使用以下功能：

window.onload = function() {
    document.getElementById("header").innerHTML = cardDivPrint;
};

更新

不要使用

main（）

，而是使用事件

document.addEventListener（“DOMContentLoaded”），函数（事件）{
log（“DOM已完全加载并解析”）；
var cardDiv='”；
var color=window.location.href.indexOf（检查）！=-1？“红色”：“白色”；
card.fontcolor=颜色（“cardScreen”）；
var cardDivPrint=cardDiv+卡片+闭合器；
document.getElementById（“header”）.innerHTML=cardDivPrint；
});

在正文内容末尾调用main函数

您之所以会出现此错误，是因为JS DOM选择元素时该元素不存在

<!DOCTYPE html>

<html>
<head>
    <title>
    </title>
<link href="../css/MasterSheet.css" rel="stylesheet" />
<script>
function main() {
    var cardDiv = '<div id ="cardScreen"><a href="cardScreen.html">';
    var card = "Card";
    var closer = "</a></div>";
    var color = (function color1(Check) {
        if (window.location.href.indexOf(Check))
            return "red";
        else
            return "white";
    });
    card.fontcolor = color("cardScreen");
    var cardDivPrint = cardDiv + card + closer;
    window.onload=document.getElementById("header").innerHTML= cardDivPrint;
}
</script>
</head>
<body>
    <div id="header">
    </div>
    <div>Content goes here.</div>
<script>main();</script>
</body>

</html>


函数main（）{
var cardDiv='”；
var color=（函数color1（检查）{
if（window.location.href.indexOf（检查））
返回“红色”；
其他的
返回“白色”；
});
card.fontcolor=颜色（“cardScreen”）；
var cardDivPrint=cardDiv+卡片+闭合器；
window.onload=document.getElementById（“header”）.innerHTML=cardDivPrint；
}
内容在这里。
main（）；

在正文内容末尾调用main函数

您之所以会出现此错误，是因为JS DOM选择元素时该元素不存在

<!DOCTYPE html>

<html>
<head>
    <title>
    </title>
<link href="../css/MasterSheet.css" rel="stylesheet" />
<script>
function main() {
    var cardDiv = '<div id ="cardScreen"><a href="cardScreen.html">';
    var card = "Card";
    var closer = "</a></div>";
    var color = (function color1(Check) {
        if (window.location.href.indexOf(Check))
            return "red";
        else
            return "white";
    });
    card.fontcolor = color("cardScreen");
    var cardDivPrint = cardDiv + card + closer;
    window.onload=document.getElementById("header").innerHTML= cardDivPrint;
}
</script>
</head>
<body>
    <div id="header">
    </div>
    <div>Content goes here.</div>
<script>main();</script>
</body>

</html>


函数main（）{
var cardDiv='”；
var color=（函数color1（检查）{
if（window.location.href.indexOf（检查））
返回“红色”；
其他的
返回“白色”；
});
card.fontcolor=颜色（“cardScreen”）；
var cardDivPrint=cardDiv+卡片+闭合器；
window.onload=document.getElementById（“header”）.innerHTML=cardDivPrint；
}
内容在这里。
main（）；

在正文内容末尾调用main函数

您之所以会出现此错误，是因为JS DOM选择元素时该元素不存在

<!DOCTYPE html>

<html>
<head>
    <title>
    </title>
<link href="../css/MasterSheet.css" rel="stylesheet" />
<script>
function main() {
    var cardDiv = '<div id ="cardScreen"><a href="cardScreen.html">';
    var card = "Card";
    var closer = "</a></div>";
    var color = (function color1(Check) {
        if (window.location.href.indexOf(Check))
            return "red";
        else
            return "white";
    });
    card.fontcolor = color("cardScreen");
    var cardDivPrint = cardDiv + card + closer;
    window.onload=document.getElementById("header").innerHTML= cardDivPrint;
}
</script>
</head>
<body>
    <div id="header">
    </div>
    <div>Content goes here.</div>
<script>main();</script>
</body>

</html>


函数main（）{
var cardDiv='”；
var color=（函数color1（检查）{
if（window.location.href.indexOf（检查））
返回“红色”；
其他的
返回“白色”；
});
card.fontcolor=颜色（“cardScreen”）；
var cardDivPrint=cardDiv+卡片+闭合器；
window.onload=document.getElementById（“header”）.innerHTML=cardDivPrint；
}
内容在这里。
main（）；

在正文内容末尾调用main函数

您之所以会出现此错误，是因为JS DOM选择元素时该元素不存在

<!DOCTYPE html>

<html>
<head>
    <title>
    </title>
<link href="../css/MasterSheet.css" rel="stylesheet" />
<script>
function main() {
    var cardDiv = '<div id ="cardScreen"><a href="cardScreen.html">';
    var card = "Card";
    var closer = "</a></div>";
    var color = (function color1(Check) {
        if (window.location.href.indexOf(Check))
            return "red";
        else
            return "white";
    });
    card.fontcolor = color("cardScreen");
    var cardDivPrint = cardDiv + card + closer;
    window.onload=document.getElementById("header").innerHTML= cardDivPrint;
}
</script>
</head>
<body>
    <div id="header">
    </div>
    <div>Content goes here.</div>
<script>main();</script>
</body>

</html>


函数main（）{
var cardDiv='”；
var color=（函数color1（检查）{
如果（窗口）