htmljs计算机删除功能,js实现创建删除html元素小结

左手的ㄟ右手 2022-08-31 14:19 119阅读 0赞

如果我要创建一个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();

最后我们来看个实例

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 = "![请输入正确的姓名][Image 1]请输入正确的姓名";

\}

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 = "![该用户名输入正确][Image 1]该用户名输入正确";

\}

\}

姓名：

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

[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，119人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript教程：删除HTML元素

在JavaScript编程中，我们经常需要操作和控制网页上的HTML元素。有时候，我们需要删除一个特定的HTML元素，以便根据需要更新页面的内容。本教程将向您展示如何使用Jav

女爷i/ 2024年03月02日 09:29/ 0 赞/ 93 阅读

相关 js 数组删除指定元素

js 数组删除指定元素，js 数组并没有提供直接删除某一指定元素的方法，因此需要我们稍作处理思路：首先找到要删除的元素的位置，然后使用 splice 方法进行删除

忘是亡心i/ 2022年12月29日 06:30/ 0 赞/ 276 阅读

相关用js实现增加和删除功能

描述：用js实现增加和删除功能，点击按钮进行增加，点击delete进行删除具体界面如下： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5na

缺乏、安全感/ 2022年11月27日 10:18/ 0 赞/ 219 阅读

相关 htmljs计算机删除功能,js实现创建删除html元素小结

如果我要创建一个div元素。 1.使用DOM对象创建：使用document.createElement('div')方法创建元素。 2.使用JQuery创建：使用$

左手的ㄟ右手/ 2022年08月31日 14:19/ 0 赞/ 120 阅读

相关 js 删除数组元素

javascript并不提供原生的删除方法，需要使用prototype方法拓展使用 object.prototype.name=value Array.p

ゝ一纸荒年。/ 2022年07月19日 06:26/ 0 赞/ 287 阅读

相关 js里删除某个元素

原文链接： [http://caibaojian.com/js-splice-element.html][http_caibaojian.com_js-splice-eleme

心已赠人/ 2022年07月11日 15:24/ 0 赞/ 220 阅读

相关 js 删除数据制定元素

Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i

向右看齐/ 2022年06月14日 06:07/ 0 赞/ 150 阅读

相关 JS删除数组指定元素

原文链接： [http://caibaojian.com/js-splice-element.html][http_caibaojian.com_js-splice-eleme

朴灿烈づ我的快乐病毒、/ 2022年05月20日 06:19/ 0 赞/ 248 阅读

相关 js删除json指定元素

var obj = {‘id’:1, ‘name’:‘张三’}; delete obj.id; // 或者 delete obj[id

- 日理万妓/ 2021年11月27日 00:44/ 0 赞/ 324 阅读

相关 JavaScript创建、添加、删除元素

（1）createElement("元素名")：此方法可以创建一个新的元素。例如：createElement("p") ，表示创建了一个p标签（元素/段落）。（2）crea

Bertha 。/ 2021年09月14日 02:20/ 0 赞/ 541 阅读