900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 用js给一个div中添加一个带有class的div – CSS – 前端 css 滚动背景代码

用js给一个div中添加一个带有class的div – CSS – 前端 css 滚动背景代码

时间:2018-11-05 21:35:13

相关推荐

用js给一个div中添加一个带有class的div – CSS – 前端 css 滚动背景代码

1、打开html编辑器,新建一个html文件,写入基本的结构,这里加入一个按钮,用来演示添加div的效果,同时给按钮一个add_div事件,后面添加div的逻辑将在这个函数中进行:

2、js脚本中首先需要创建出新的div,这里使用createElement函数创建,之后给div设置id和文字内容,最后需要先获取id为a的div的dom,使用insertBefore函数将div插入即可:

3、打开浏览器,点击页面中的按钮,下方就显示出js的字样了:

4、最后按下f12调出控制台,在控制台中可以看到插入的div结构,以此验证插入的内容是正确的。以上就是用js给一个div中添加一个带有class的div的过程:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。