跳转至内容

JavaScript/重构 DOM/教程

摘自 维基教科书,一个开放的世界的开放书籍

主题:重构 DOM 树



1. 我们在上一个页面的练习中使用 HTML 页面。编写一个脚本,将这两个 <div> 部分移动到按钮之前。

点击查看解决方案
function show() {
  "use strict";

  // select the body element. It's the parent.
  const body = document.getElementById("body");
  // select the button element
  const button = document.getElementById("buttonShow");
  // select the 'div' elements
  const div_1 = document.getElementById("div_1");
  const div_2 = document.getElementById("div_2");

  // move the div elements BEFORE the button
  body.insertBefore(div_1, button);
  body.insertBefore(div_2, button);
}
华夏公益教科书