Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用id使用JavaScript更改背景颜色_Javascript_Html_Css - Fatal编程技术网

使用id使用JavaScript更改背景颜色

使用id使用JavaScript更改背景颜色,javascript,html,css,Javascript,Html,Css,我正在尝试使用其id制作一个onclick按钮来更改div的背景色。我的JavaScript函数如下所示: function changeButton(color) { document.getElementById('button1').style.backgroundColor = color; } 我在HTML文件中链接到它,如下所示: <script> src="websiteCleanJS.js" </script>

我正在尝试使用其id制作一个onclick按钮来更改div的背景色。我的JavaScript函数如下所示:

    function changeButton(color) {
      document.getElementById('button1').style.backgroundColor = color;
     }
我在HTML文件中链接到它,如下所示:

    <script> src="websiteCleanJS.js" </script>
    .
    .
    .
    <div id='button1' onclick="changeButton('red')"> </div>
试试这个:

 <script src="websiteCleanJS.js"></script>
    .
    .
    .
    <div id='button1'  onclick="changeButton('red')"> </div>

–这完全是胡说八道,离有效语法还有好几英里远。你需要去学习一些基础知识。从这里开始,请:在一个奇怪的转折中,你的JavaScript语法是好的,但是你的HTML是错误的。不小心把它复制错了,对不起@cbroe您的单击语法仍然不正确。应该是onclick=changeButton'red'是的!这就是我在实际文件中的内容,这里贴错了!由于某些原因,当我点击按钮时,它不会改变颜色