如何在左边？ div>如何在右边？

1、首先新建一个html文件，命名为test.html。

2、然后在test.html文件内，使用div标签创建两行文字，分别为测试一，测试二。

3、接着在test.html文件内，分别给两个div标签添加id属性，分别为test1，test2。

4、在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行yidong()函数。

5、在js标签中，创建yidong()函数，在函数内，通过id(test2)获得第二个div对象，使用after()方法将第一个div移动至第二个div后面。

6、最后在浏览器打开test.html文件，点击按钮，查看实现的效果。

<div id="b">

像以上这两条就可以

定义和用法

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

用法

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。

不必为每一个 <div>都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div>元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。