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

来源：动视网责编：小采时间：2020-11-27 21:44:06

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

js实现创建删除html元素小结_javascript技巧:如果我要创建一个div元素。 1.使用DOM对象创建：使用document.createElement('div')方法创建元素。 2.使用JQuery创建：使用$('通过JQuery创建的新元素')的方法直接创建元素。如果需要将id是div2js'的div元素删除。 1.使用DOM对象首

推荐度：

点击下载本文 文档为doc格式

导读js实现创建删除html元素小结_javascript技巧:如果我要创建一个div元素。 1.使用DOM对象创建：使用document.createElement('div')方法创建元素。 2.使用JQuery创建：使用$('通过JQuery创建的新元素')的方法直接创建元素。如果需要将id是div2js'的div元素删除。 1.使用DOM对象首

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

1.使用DOM对象创建：

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

2.使用JQuery创建：

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

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

1.使用DOM对象

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

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 = "该用户名输入正确"; 
 } 
} 

 
姓名：

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

推荐度：

点击下载本文 文档为doc格式

标签：元素 js html

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐