在div中写入一个Button按钮(js)

1、首先打开hbuilder，新建一个html文件，在里面写入input按钮设置id属性并绑定添加按钮的事件：

2、然后在下面的script标签中编写按钮事件函数，里面首先用createElement函数创建一个input标签，设置type属性和value属性，最后给新按钮添加点击的监听事件，当点击以后就创建这个按钮，最后在函数最外层调用一下就可以了：

3、最后打开浏览器，可以看到一个添加按钮的按钮：

4、多次点击该按钮，下方会新建出一排按钮：

<script>

var but=document.createElement('input')

but.type='button'

but.value='button'

document.getElementById('mydiv').appendChild(but)

</script>

把上面的代码放在源代码的末尾,这样的方法比前两位好的原因是不改变原来DIV中的内容

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。

---