JS一个功能,给商品添加标签,添加N个,如何删除其中一个呢,

JS一个功能,给商品添加标签,添加N个,如何删除其中一个呢,,第1张

用循环做. 把代码复制进一个html文件中在浏览器打开点击某一个li就可以看到效果了

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<div id="list">

<li class="a1">第一个</li>

<li class="a12">第二个</li>

<li class="a13">第三个</li>

<li class="a14">第四个</li>

<li class="a51">第五个</li>

<li class="a16">第六个</li>

</div>

</body>

<script>

function js(id){ return document.getElementById(id) }

var li = js("list").getElementsByTagName("li").length

for(var i=0i<lii++)

{

js("list").getElementsByTagName("li")[i].onclick = function(){

this.remove()

}

}

</script>

</html>

1、打开需要 *** 作的Excel表格,选中需要设置标签的单元格——右击——插入批注。

2、显示页面如下,可以删除原有标记重新更改。

3、选中更改好的文字——右击——设置修改批注格式。

4、举例设置成常规字形——标红字体——确定。

5、点击编辑标记框,当周围形成小方框后可以调整编辑框大小及位置,标签就设置好了。

进行到如图所示的步骤,其实已经近在咫尺了。下面来详细讲解怎么做。

1.首先构造数据模拟上图新闻数据,以便进行接下来的展示。

2.通过foreach语句和<table></table>标签来对数据进行遍历展示。

3.展示效果基本和问题中的图一致。

4.接下来在代码中的表格标签中加入一列,在该列中加入编辑和删除标签。

5.展示效果如下图所示:

6.通常可以通过a链接的形式进行数据的编辑和删除。而在进行编辑和删除 *** 作时为了保证 *** 作数据的准确性,通常会在链接后带上该条数据的id,如下图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/8013946.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存