当前位置:  首页  >  PHP资讯  >  业界资讯

js实现创建删除html元素小结

本文给大家简单介绍了下使用javascript和jquery实现创建删除html元素的方法,非常的实用,有需要的小伙伴可以参考下。

如果我要创建一个div元素。

1.使用DOM对象创建:

使用document.createElement('div')方法创建元素。

 2.使用JQuery创建:

使用$('

通过JQuery创建的新元素
')的方法直接创建元素。

如果需要将id是‘div2js'的div元素删除。

1.使用DOM对象

首先需要找到被删元素的父元素,通过父元素将其需要删除的子元素删除。

 var el = document.getElementById('div2js'); el.parentNode.removeChild(el); 

2.使用JQuery

直接找到并删除。

$('#div2js').remove();

最后我们来看个实例

  
姓名:
document.getElementById("containers").innerHTML = "请输入姓名";

内容推荐:免费高清PNG素材下载
吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 京ICP备19059560号-4