Question

求大神给写一个最简单的js代码！

就是点击div1改变div2的背景颜色（需要写到外部文件，另外我不会jQuery）,非常感谢！
一定要引入外部js原生的，小弟写了一晚上了，非常感谢！

Answer 1

<div id="div1">111</div>
<div id="div2">222</div>

<style>
#div1 , #div2{
    background: red;
    width: 100px;
    margin: 10px;
}
</style>

<script>
window.onload = function(){ 
  var btn1 = document.getElementById("div1");
     var btn2 = document.getElementById("div2");
  btn1.onclick = function(){ 
    btn2.style.background = "yellow";
  } 
}
</script>

追问

大神 你好 我需要的是引入外部js的方式 出学js 请多包涵 如果用onclick 外部引入js方式能实现吗？小弟 写了一晚上都没效果 就不知道那里出错了

追答

下面这段，去掉头尾的另存为xxx.js文件(不要用中文名)，你外部引用只要路径没错，和写在html内部是没区别的。

window.onload = function(){
var btn1 = document.getElementById("div1");
var btn2 = document.getElementById("div2");
btn1.onclick = function(){
btn2.style.background = "yellow";
}
}

另外，这段js你要在html底部引用，在头部引用是无效的，因为这段js在前面的话，浏览器还没读到2个div的结构，js就运行了，运行时是找不到2个div的id的。

追问

好的，非常感谢，另外能问一下，如果用onclick是不能够实现的吗？