亲喜欢的细小伙伴们，今天我们要来学一个超级好玩的东西——js动态click和添加元素！听起来是不是有点麻烦，但其实就像我们玩游戏一样轻巧松哦！跟着我一起学，你也Neng轻巧松实现网页互动效果，让你的网页变得超级优良玩！

啥是js动态click和添加元素呢？

哎呀， 这玩意儿嘛，就是用我们的电脑里的一个叫ZuoJavaScript的细小工具，来告诉我们的网页该怎么Zuo。比如说我们Neng让网页上的按钮动起来或者出现新鲜的东西，就像变魔术一样神奇！

怎么给按钮加个点击事件呢？

先说说 我们要在网页上放一个按钮，就像这样：

然后我们要告诉JavaScript，当我们点击这玩意儿按钮的时候，会发生啥。这就叫Zuo绑定事件。就像我们玩游戏的时候，按下一个键，就NengZuo出相应的动作一样。

如图，虚假定是点击事件，则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦，当然还有hen许多其他的事件。

然后 我们再kankan这玩意儿神奇的代码：

var e = document.createEvent;

document.getElementById.dispatchEvent;

这玩意儿代码就像是告诉JavaScript，当我们点击按钮的时候，就施行这玩意儿动作。

怎么给网页添加新鲜的元素呢？

想要在网页上添加新鲜的东西， 比如一个新鲜的按钮或者一段文字，我们也Neng用JavaScript来帮忙。就像这样：

newElement.innerHTML = "新鲜元素内容";

document.body.appendChild;

这段代码就像是告诉网页， 我们在身体上加上一个新鲜的元素，里面写着“新鲜元素内容”。

注意啦！

但是 细小伙伴们要注意哦，Ru果我们在网页上添加了新鲜的元素，原来的绑定事件兴许就不灵光了。基本上原因是原来的事件绑定只对Yi经存在的元素有效。所以Ru果我们要给新鲜添加的元素绑定事件，就要沉新鲜绑定哦。

document.getElementById.click;

还有哦， Ru果我们的脚本写在head里面想起来加上window.onload哦。Ru果是写在body后面就不用担心啦！

通过今天的学， 我们晓得了js动态click和添加元素是怎么一回事，还有怎么给按钮加点击事件，还有怎么给网页添加新鲜的元素。是不是觉得hen轻巧松呢？其实只要我们许多练习，个个人douNeng成为网页互动效果的巨大师哦！

优良了今天的课程就到这里啦！细小伙伴们，加油哦！