Javascript js只运行部分代码_Javascript

Javascript js只运行部分代码

javascript

Javascript js只运行部分代码,javascript,Javascript,我正在尝试学习Javascript，但在使用外部.js文件时遇到了问题。我试图使一个div，改变颜色时，不同的单选按钮被选中。我使用“onclick”属性和一个js函数使它工作。不过，我无法使用javascript将div设置为默认颜色。以下是我正在使用的代码： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jspract_j.js"></scrip

我正在尝试学习Javascript，但在使用外部.js文件时遇到了问题。我试图使一个div，改变颜色时，不同的单选按钮被选中。我使用“onclick”属性和一个js函数使它工作。不过，我无法使用javascript将div设置为默认颜色。以下是我正在使用的代码：

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="jspract_j.js"></script>
</head>
<body>
    <form name="form" action="jspract.html" method="post">
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="red" value="red">Red</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="yellow" value="yellow">Yellow</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="blue" value="blue">Blue</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="orange" value="orange">Orange</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="purple" value="purple">Purple</label><br>
        <label><input type="radio" onclick="javascript:divcol(this.value);" name="color" id="green" value="green">Green</label><br>
        <br>
    </form>
    <div id="change"></div>
    </body>

单选按钮改变颜色，按预期工作。加载时div显示为白色，但不是粉红色。这里出了什么问题

我觉得我遗漏了Javascript工作原理的一些关键部分。我试着在互联网上搜索，但我发现的都是关于人们错误链接.js文件的帖子。我的已正确链接，但未按我希望的方式执行。

您正在尝试在加载

dom

之前设置颜色。下面是工作完美的代码在结束正文标记之前放置脚本

加载时，颜色为粉红色，当您更改相应的颜色时会得到更新。

您试图在加载

dom

之前设置颜色。下面是工作完美的代码在结束正文标记之前放置脚本

加载时，颜色为粉红色，当您更改相应的颜色时会更新

function divcol(color)
{
    document.getElementById("change").style.backgroundColor=color;
}

document.getElementById("change").style.backgroundColor="pink";