2.小例子.js 621 B

1234567891011121314151617181920
  1. var btn = document.getElementById("btn");
  2. var box = document.querySelector(".box");
  3. console.log(box);
  4. btn.onclick = function() {
  5. box.style.background = 'red';
  6. box.style.left = 200 + 'px';
  7. }
  8. // var a = document.getElementById("a");
  9. var b = document.getElementById("b");
  10. var c = document.getElementById("c");
  11. var d = document.getElementById("d");
  12. var a = document.querySelector(".list #a");
  13. var changeBtn = document.querySelector(".changeBtn");
  14. changeBtn.onclick = function() {
  15. a.style.background = 'red';
  16. b.style.background = 'yellow';
  17. c.style.background = 'blue';
  18. d.style.background = 'green';
  19. }