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

web前端|js教程 js实现创建删除html元素小结【javascript】

js创建html元素,js删除html元素,js动态创建元素

web前端-js教程

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

微信自主营销源码,vscode我的世界插件,ubuntu查询端口,不同tomcat配置jdk,爬虫小米商城,php 二维数组转置,seo优化诊断工具外推,html社交网站模板,ecshop自适应模板lzw

1.使用DOM对象创建：

淘进微信源码,ubuntu的apt命令,tomcat 部署文件名,反爬虫 ua,编写php要用什么程序,seo流动lzw

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

搜头条源码,vscode编辑如何跨函数,ubuntu变灰,tomcat配置是否曾,requests 做爬虫,php phpredis,便宜的seo推广哪里好,帝国网站管理系统安装连接不上数据库,discuz免费模板插件lzw

2.使用JQuery创建：

使用$(‘

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

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

1.使用DOM对象

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

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

2.使用JQuery

直接找到并删除。

$(‘#div2js’).remove();

最后我们来看个实例

 function InputOnBlur() {    var name=document.getElementById("name").value;      if(name.length >10 || name.length<2)        {         var element=document.getElementById("message");       if(element)       {       //alert(element.parentNode.innerHTML);       element.parentNode.removeChild(element);       }                var MySpan=document.createElement("span");                document.getElementById("containers").appendChild(MySpan);                MySpan.id = "message";                MySpan.innerHTML = "请输入正确的姓名";         }              else{       var element=document.getElementById("message");       if(element)       {       //alert(element.innerHTML);       element.parentNode.removeChild(element);       }                var MySpan=document.createElement("span");                document.getElementById("containers").appendChild(MySpan);                MySpan.id = "message";                MySpan.innerHTML = "该用户名输入正确";           } }   姓名：
    document.getElementById("containers").innerHTML = "请输入姓名";