remove()与empty()均可用于清除,但作用不同:remove()会将元素及其内容完全删除,而empty()仅清除元素内部的内容,保留标签本身。接下来我们将逐一进行演示和说明。
1、 在DW中创建基础代码,设置三个div并添加基本样式,通过描边效果便于观察各元素布局与结构。
2、 保存后按F12在浏览器预览,三个div将并排显示。
3、 对首个div应用清空效果,将其内容全部清除。
4、 代码正确后保存并查看结果所示
5、 第一个div中的h1标签内容已不可见
6、 清除第三个div内容,需执行相应操作指令。
7、 所示,第三个div的内容已被清除。
8、 接着查看remove()移除方法,选中第二个div并应用remove()操作。
9、 在浏览器中保存文件并预览,所示,添加remove后,整个div标签已被移除。
