小编npg*_*ant的帖子

我正在开发一个项目,我只能使用JS来操作HTML文件.我想要更改HTML中所有div的背景颜色,我目前有以下内容.

//Highlight Function

function highlight(e) {
  e.target.style.backgroundColor = "orange";
}

function unhighlight(e) {
  e.target.style.backgroundColor = "green";
}

function init() {
  //Mouseover
  var divs = document.getElementsByTagName("div")[0];
  divs.addEventListener('mouseover', highlight, false);
  divs.addEventListener('mouseout', unhighlight, false);
}
window.addEventListener("load", init, false);

HTML看起来像这样

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>

显然当前的代码只改变了一个div,如何只通过操作JS来选择所有的div