HTML的id如何设置,如何使用javascript设置ID?-程序员宅基地

技术标签: HTML的id如何设置  

你的意思是这样吗?

var hello1 = document.getElementById('hello1');

hello1.id = btoa(hello1.id);

为了进一步说明这个例子,你想要使用’abc’类的所有元素.我们可以使用querySelectorAll()来实现:

HTML

JS

var abcElements = document.querySelectorAll('.abc');

// Set their ids

for (var i = 0; i < abcElements.length; i++)

abcElements[i].id = 'abc-' + i;

这将分配ID’abc-< index number>‘到每个元素.所以会这样出来:

要创建一个元素并分配一个id,我们可以使用document.createElement()然后使用appendChild().

var div = document.createElement('div');

div.id = 'hello1';

var body = document.querySelector('body');

body.appendChild(div);

更新

如果你的脚本在你的HTML文件中,你可以设置你的元素上的id.

New price :

var s = document.getElementsByClassName('assign-me')[0];

s.id = btoa({ {str(produit["avt"]["fto"])}});

您的要求仍然不是100%清楚.

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_35925259/article/details/118206649

智能推荐

关于C语言编译的可执行文件 exe 发给好友解决办法 Visual Studio 2013 版本_将c语言可执行程序发给别人-程序员宅基地

文章浏览阅读3.2k次,点赞2次,收藏14次。下面展示一些 内联代码片。前提是用的 Visual Studio 工具你是不是把 exe 可执行文件发给好友之后,好友打开是这种情况?下面展示一些 内联代码片。就解决办法:然后_将c语言可执行程序发给别人

mysql运行报错64bit_关于MySQL5.6.25在Win7 64bit下重装后无法启动的解决方法-程序员宅基地

文章浏览阅读340次。在重装MySQL5.6.25安装到进行配置的时候,一直在等待服务的启动。如果手动在系统服务启动会提示1067错误,这个错误在网上很常见,然而我试过了很多方法均无法解决。于是看ProgramData\MySQL Server 5.6\data下的 ***.err 错误日志,看出错的部分:2015-06-04 13:08:19 5200 [Warning] InnoDB: Doublewrite do..._windows [error] innodb: header page consists of zero bytes in datafile: .\ib

小李跟同桌说,他发现了一个免费学Python的地方,非广告 | Python技能树测评-程序员宅基地

文章浏览阅读1.9w次,点赞2次,收藏2次。Python 技能树,真免费学 Python

UOJ449 集训队作业2018 喂鸽子_uoj449 喂鸽子-程序员宅基地

文章浏览阅读671次。ProblemUOJ看题后:boshi:这是一道简单题队长:这题好像不难,感觉和猎人杀有点像我:Solution感觉自己越来越菜了,再这样下去,要是正式考试送温暖岂不是连温暖都拿不到了。。一脸min-max反演的样子,由于每个鸽子都等价,枚举子集大小 iii 即可ans=∑i=1n(ni)(−1)i+1nif(i)ans=\sum_{i=1}^n\binom n i(-1)..._uoj449 喂鸽子

python时间函数的使用-程序员宅基地

文章浏览阅读2.2k次。Python时间与日期操作(datetime、time、calendar)相关模块模块 说明 time time是一个仅包含与日期和时间相关的函数和常量的模块,在本模块中定义了C/C++编写的几个类。例如,struct_time类 datetime datetime是一个使用面向对象编程设计的模块,可以在Python中使用日期和时间。它定义了几个表示日期和时间的类 calendar 日历是一个提供函数的模块,以及与Calendar相关的几个类,它们支持将日...

几个 GitHub 高级搜索技巧,这就分享给你_github搜索-程序员宅基地

文章浏览阅读2.5k次。可能你在 GitHub 搜索某些项目的时候,会直接在搜索框里面使用关键词搜一下_github搜索

随便推点

【算法】从记忆化搜索到递推——动态规划入门_记忆化搜索和递推-程序员宅基地

文章浏览阅读311次。本文的题目其实都比较简单,但是为了学习记忆化搜索,还是要用记忆化搜索再做一遍,不要眼高手低。由于 dp 数组的无后效性,因此还可以将 dp 数组优化成两个变量。将大问题分解成子问题,即 dfs (i) 可以分解成 dfs (i - 1)对于简单的 dp 题,直接写 dp 还更简单一些,硬写记忆化搜索还有点难。因为——有些动态规划直接去想递推公式太难了,所以可以先写成记忆化搜索。由于记忆化搜索是从将大问题分解成子问题的角度去考虑的,所以会简单一些。如果读者觉得本文的题目太简单了,可以去尝试一下。_记忆化搜索和递推

2021-07-12嵌入式学习---交叉编译_交叉编译 prefix-程序员宅基地

文章浏览阅读336次。1、交叉编译交叉编译是在一个平台上生成另一个平台上的可执行代码。同一个体系结构可以运行不同的操作系统;同样,同一个操作系统也可以在不同的体系结构上运行。举例:我们在Ubuntu上面编写树莓派的代码,并编译成可执行代码,如a.out,是在树莓派上面运行的,不是在Ubuntu Linux上面运行。2、为什么要交叉编译1.有时是因为目的平台(C51)上不允许或不能够安装我们所需要的编译器,而我们又需要这个编译器的某些特征;2.有时是因为目的平台上的资源贫乏,无法运行我们所需要编译器;3.有时又是因为目的_交叉编译 prefix

使用java Future模式异步调用详细实例展示-程序员宅基地

文章浏览阅读821次。java Future模式想必大家都比较熟悉,大体实现起来也比较简单,因为模式单一,我先介绍一下一般步骤,再讲一下,目前项目中遇到具体问题的解决方式 一般来说,使用java Future模式实现多线程,具体步骤如下, 1.新建一个异步任务类,如 xxxTask 实现 Callable&lt;xxxTask.Result&gt;(或者Runnable&lt;xxx&gt;...

一张图看懂阿里云新发布的物联网设备上云神器——HiTSDB + IoT套件-程序员宅基地

文章浏览阅读276次。HiTSDB +IoT 套件是阿里云专门为物联网领域的开发人员推出的,目的是帮助开发者搭建安全性能强大的数据通道,方便终端(如传感器、执行器、嵌入式设备或智能家电等等)和云端的双向通信。全球多节点部署让海量设备在全球范围都可以安全低延时接入阿里云IoT Hub,在安全上提供多重防护保障设备云端安全,在性能上能够支撑亿级设备长连接以及百万消息并发。阿里云..._hitsdb +iot 套件

mysql 5.5 创建用户_在MySQL 5.5.18下创建用户不能登录-程序员宅基地

文章浏览阅读65次。今天用Grant创建用户名是quot;DanielWquot;,后来登录死活密码不对,重新创建一次,用户名是quot;Daniel@localhostquot;,也就遇到点麻烦,虽然没有解决,但是算提醒大家了。今天用Grant创建用户名是"DanielW",后来登录死活密码不对,重新创建一次,用户名是"Daniel@localhost",也就是说加上了主机名,flush privileges后退出..._mysql5.5创建测试用户怎么登录

主数据管理(MDM)与元数据管理_mdm主数据 元数据-程序员宅基地

文章浏览阅读2.2k次。主数据(Master Data)和元数据(Meta Data)是两个完全不同的概念。元数据是指表示数据的相关信息,比如数据定义等,而主数据是指实例数据,比如产品目录信息等。比如,某省地税开发了一套征收管理软件,以市为单位部署了17套,每套征收管理软件中的元数据都是一样的,但是主数据还是需要进行管理的。主数据管理和传统数据仓库解决方案不是一个概念,数据仓库会将各个业务系统的数据集中在一起在进行业务的_mdm主数据 元数据

推荐文章

热门文章

相关标签