JS根据标签动态添加

最新推荐文章于 2024-06-12 09:08:02 发布
最新推荐文章于 2024-06-12 09:08:02 发布
阅读量459 收藏
点赞数
分类专栏： 文章 文章标签： 大数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45524826/article/details/125736162
版权

var cn="";
let html=new Array();
 for(var i=0;i<CodeGNShu.length;i++){
  cn=cn+'<div οnclick="GNqr('+i+')">'+CodeGNShu[i].MenubarName+'</div>';
 }

html.push(cn);
document.getElementById("gnlb").innerHTML=html.join("");

gnlb为ID标签；

CodeGNShu为数组；

cn是自定义标签内容。

瞅小孩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js动态添加id
weixin_30486037的博客
04-13 2612
<script type="text/javascript"> function add_id(){ var dlall=document.getElementsByTagName('div'); for(i=0;i<dlall.length;i++){ dlall[i].id='id_'+i; } } window.onload=add_id; &...
通过js的id获取内容并添加新的标签
qq_42219895的博客
05-18 1819
对于jsp，页面已经封装好的类型，比如一个文本框，经常遇到要添加新的标签，这时候不知道怎么入手，其实很简单： 1.给这个文本框添加id属性 2.通过var res = document.getElementById(“reas-title”)获取信息 3.res.innerHTML="申请原因*"获取标签内的内容，做出修改，并且添加新的标签 ...
javaScript中动态创建一个标签
最新发布
tianxianghuiwei的博客
06-12 227
创建一个span标签。
JavaScript动态生成唯一id
荷塘月色
10-29 934
一. 引入时间戳，生成可控长度的随机数 1.随机数长度控制,定义一个长度变量（length），生成可控长度的随机数： Math.random().toString(36).substr(3,length) 2.引入时间戳： Date.now().toString(36) 3.合在一起最终办法： genID(length){ return Number(Math.random().toString().substr(3,length) + Date.now()).toString(36); } 二.
用JS(JavaScript )给HTML元素增加id属性
热门推荐
qq_21422005的博客
12-04 5万+
有时候HTML页面元素定位后，发现如一些input元素输入框没有唯一性的id 或者class，那么我们如果想要给这个HTML元素增加属性，可以自行添加元素属性 样例： 元素div 有class属性，但这个class并非唯一 （可查看） document.getElementsByClassName('el-textarea__inner') 查询出来这个页面有2个el-textarea__i...
js给元素添加id，动态方式，举个简单例子
weixin_36446688的博客
11-07 868
在JavaScript中，如果你想动态地给一个已经存在的元素添加一个id属性，你可以通过获取那个元素的引用，然后设置它的id属性来实现。这段代码假设页面上只有一个div元素。如果有多个div，querySelector将只返回第一个。如果你想给特定的div添加`id。作者：http://xkrj5.com 纯原创首发，转载保留版权！// 首先，获取那个要添加id的元素的引用。// 然后，设置id属性。
JS实现动态添加外部js、css到head标签的方法
10-16
主要介绍了JS实现动态添加外部js、css到head标签的方法,涉及javascript针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
JavaScript动态添加css样式和script标签
10-21
JavaScript动态添加CSS样式和script标签的知识点涵盖了Web开发中的客户端脚本编程技术，允许开发者在运行时动态地操作和修改网页的样式和行为。以下是对给定文件中所提到知识点的详细解释： 1. 动态添加CSS样式 - ...
JS点击动态添加标签、删除指定标签的代码
10-18
### JS动态添加与删除标签 #### 点击动态添加标签 在网页中实现点击按钮动态添加标签的功能，通常涉及到DOM操作。上述代码中给出了一个简单的示例，创建了两个`div`元素和按钮。第一个`div`元素（`id`为`mDiv3`）...
js 动态添加标签（新增一行，其实很简单，就是几个函数的应用）
10-30
在这段关于JavaScript动态添加标签的代码示例中，包含了一系列核心知识点，这些知识点对于理解和实现网页动态内容更新至关重要。首先，代码展示了如何通过JavaScript中的几个函数来实现动态添加标签的功能，具体涉及...
javascript的document中的动态添加标签实现方法
10-21
而在动态添加元素时，我们可能需要使用JavaScript代码来添加事件监听器。 除了添加节点外，`document`对象还提供了多种其他操作节点的方法。例如： - `getElementsByClassName`方法可以根据元素的类名返回包含所有...
js怎么给html加id,新增加的html里的id，js获取不到id
weixin_32687875的博客
07-11 949
if(flag==0){var p = document.createElement("p");var text_p = document.createTextNode("还没有账号0？");p.setAttribute("class","p-rj");p.setAttribute("id","prj");p.appendChild(text_p);var a = document.createE...
前端学习笔记04-JavaScript
abc_123_cba_123的博客
02-24 707
前端学习笔记04-JavaScript一、引入方式 一、引入方式 JS 有3种书写位置，分别为行内、内嵌和外部。 1.行内式 JS < input type=“button” value=“点我试试” οnclick=“alert(‘Hello World’)” /> 优缺点： 1.可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick。 2.注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号。 3.可读性差， 在ht
JS动态给变量取名字
syd的博客
10-29 1176
在前端开发中，经常会保存一些后端返回的数据，但是有时候我们需要将后端返回的某个字段当成变量名的时候，问题就来了，解决方法如下： 方法： 通过eval(在vue项目中使用该字段，会报错，不安全) 通过数组，将下标当成变量名(不可取，当返回的字段不是数字，或者非常大的时候，会出错或占用大量的内存空间) 将字段存入事先定义好的JSON对象中，键名为对象的值。 // 假设后端返回的数据字段为:qwe1234 let filed = 'qwe1234' let testObj = {} testObj[filed
JS生成子节点并且附加ID，name，然后提交表单；
Cheng_Han_的专栏
08-26 833
在做项目的时候，涉及到一个功能就是录入书本。书本数量用户自定义，shuben
JS通过id获取表格内容，并循环添加到数据库
weixin_30345577的博客
01-31 893
1、页面 <table style="border:1px ; width:100%; height:160px" > <THEAD> <TR> <TH height="10px">姓名</TH> ...
html中js循环创建id,javascript – 添加id以动态创建
weixin_36087877的博客
06-20 1398
我有以下JavaScript创建一个div，然后将其附加到主体，然后向其中插入一些动态生成的HTML。 cartDiv = document.createElement(‘div’);这个div我想添加一个id和/或一个类。如果可能的话，Jquery和JavaScript的答案将是伟大的。var cartHTML = '';cartHTML += '';cartHTML += 'Added to ...
【JS】js给对象动态添加、设置、删除属性名和属性值
余浩的博客
07-30 2万+
但是当我们遇到需要给对象动态添加属性和属性值时，点获取法好像就不方便了，尤其是我们不知道属性名的时候更麻烦。简短的回答是“有特别的顺序”整数属性会被进行排序，其他属性则按照创建的顺序显示。计算属性的含义很简单[fruit]含义是属性名应该从fruit变量中获取。注意如果我们遍历一个对象，我们获取属性的顺序是和属性添加时的顺序相同吗？当创建一个对象时，我们可以在对象字面量中使用方括号。js中访问对象属性一共有两种方法点获取法和方括号获取法。最常用的对象属性获取方法是点获取法。...
js如何动态添加div，动态添加class并且为该div绑定点击事件
吴文静的博客
05-27 1万+
动态添加div 知识点：appendChild（）方法 appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。具体的用法可以参考 W3C 1、首先用createElement创建一个div 里面的××必须是一样的。 var ×× = document.createElement("div"); //创建一个div 2、给div添加样式 ××.style.cssText = "样式"; 3、给div添加class和id ××.className = "class名"; //给
js实现动态添加标签
05-26
可以使用JS动态地添加HTML标签，具体的实现方式如下： 1. 创建一个新的标签元素，并设置它的属性和内容。 ```js var newTag = document.createElement("标签名称"); // 创建新标签 newTag.setAttribute("属性名", ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值