创建 10 个<a>标签，点击的时候弹出来对应的序号

最新推荐文章于 2024-03-22 15:23:03 发布
最新推荐文章于 2024-03-22 15:23:03 发布
阅读量441 收藏
点赞数
文章标签： a标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pangxingqun_/article/details/93713506
版权
var ifor (i = 0; i < 10; i++) { (function (i) { var a = document.createElement('a') a.innerHTML = i + '<br>' a.addEventListener('click', function (e) { ...
摘要由CSDN通过智能技术生成 
var i
for (i = 0; i < 10; i++) {
   
    (function (i) {
   
        var a = document.createElement(
最低0.47元/天 解锁文章
懵逼菜鸟 13号
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
创建10个`＜a＞`标签，点击的时候弹出对应的序号
zpfnext的博客
09-29 239
i 是块级作用域 let a; for(let i=0;i<10;i++) { const a = document.createElement('a'); a.innerHTML = i+'<br>'; a.addEventListener('click',function(e) { e.preventDefault(); alert(i); }) document.body.appendChild(a) } 错误
创建10个a标签 点击弹出对应序号
qq_24917475的博客
02-26 386
错误写法： var i, a for (i = 0; i< 10; i++) { a = document.createElement('a'); a.innerHTML = i + "<br>"; a.addEventListener("click", function(e) { e.preventDefault(); alert(i); }) documen...
JS—创建10个a标签，点击弹出相应1-10的序号
KongKong_Rac的博客
08-18 649
创建10个a标签，点击弹出相应1-10的序号 错误做法：弹出均为11，当触发事件时，for循环已经结束，i为11 let i, a; for (i = 1; i < 11; i++) { a = document.createElement('a'); a.innerHTML = i + '<br>'; a.addEventListener('click', function(e) { // 阻止默认行为 e.preventDefau
用JS创建10个＜a＞标签，点击的时候弹出来对应的序号
 我的博客
12-23 713
利用闭包的方式 for (var i = 0; i < 10; i++) { var aObj = document.createElement('a') aObj.innerText = 'a标签' + i aObj.onclick = (function (i) { return function () { alert(i) } })(i) document.body.appendChild(aObj) } 利用块级作用域的方式 for (
js实现删除li标签一行内容
10-17
每个`<li>`元素都包含买家的序号、姓名、性别、电话号码和省份，以及一个用于删除该条目的“删除”按钮。为了实现删除功能，我们需要获取到用户点击的按钮对应的`<li>`元素，并从DOM中移除它。 以下是实现这一功能...
js序号递增-dizengqujianjisuanjixiao-master.zip
01-02
HTML是构建网页内容的基础，可以通过`<input>`标签创建输入框让用户输入分数，通过`<button>`标签创建按钮触发计算，通过`<p>`标签或其他元素显示结果。 在JavaScript中，我们通常会将JavaScript代码与HTML分离，...
Django模板标签{% for %}循环,获取制定条数据实例
09-16
<h4><a href="{{ picture.get_absolute_url }}">{{ picture.post_updated }}</a></h4> <h3><a href="{{ picture.get_absolute_url }}">{{ picture.title }}</a></h3> </div> </div> {% empty %} <p>暂无文章！...
html列表标签
01-12
例如，<a name="top">顶部位置</a>，<a href="#top">回到顶部位置</a>。 图像标签 图像标签是通过img标签实现的，src属性指定图片的地址，height和width属性指定图片的高度和宽度，border属性指定图片的边框宽度...
JS+DIV+CSS实现的经典标签切换效果代码
11-22
每个标签是一个`<li>`列表项，每个内容区块则是`<ul>`列表中的`<li>`元素。 CSS在这里起到了关键作用，它定义了标签和内容区块的样式。例如，通过设置`display:inline`和`float:left`使标签并排显示，使用背景图片...
JS中创建10个a标签，点击弹出对应的序号
不想起床
02-02 1268
for (let i = 1; i <= 10; i++) { let a = document.createElement('a') a.innerHTML = i + '<br>' document.body.appendChild(a) a.addEventListener('click', functio...
(JS)创建10个a标签，点击输出相应序号
u014572617的博客
10-23 345
let a,fragment = document.createDocumentFragment(); for(var i = 0; i < 10; i++) { a = document.createElement("a"); a.innerHTML = i; a.index = i; a.onclick = function(e) { alert(e.target.index) } fragment.appendChild(a)...
创建10个＜a＞,点击弹出序号
qq_43616219的博客
06-23 187
let i, a for(i = 0；i < 10; i++){ a = document.createElement('a') a.innerHTML = i + '<br>' a.addEventListener('click',function(e){ e.preventDefault() alert(i) }) document.body.appendChild(a) } //此时点击所有的<a>弹出的数字都为10 let a for(
创建一个10个a标签 点击每个标签弹出不同的序号
qq_38180363的博客
07-02 200
var i for(i = 0;i < 10;i ++){ (function(i){ // 作用域函数 var a = document.createElement('a') a.innerHTML = i + '<br>' a.addEventListener('click',function(e){ e.preventDefault() alert(...
JS 自测题
最新发布
朝阳39的博客
03-22 306
即自由变量自由变量的查找，是。
创建10个<a>标签，点击时弹出对应的序号
Teheran的博客
02-11 955
利用闭包 for(var i=0;i&lt;10;i++){ (function(i){ var a = document.createElement("a"); a.innerHTML = i + '&lt;br&gt;'; a.addEventListener('click',function(){ alert(i) }) document.body.appen...
在ul中，点击其中一个<li>标签，弹出或输出相应的序号或相应文本内容
Char_n的博客
08-27 7249
ul中有li，点击li，获得对应的序号 Happy coding… 作为一个前端开发者，一定会遇到这样的一个问题： 一个&amp;lt;ul&amp;gt;中里面嵌套了好多空的&amp;lt;li&amp;gt;标签，点击&amp;lt;li&amp;gt;弹出它的序号（HTML不可以修改）。即点击第一个&amp;lt;li&amp;gt;标签时弹出0，点击第二个&amp;lt;li&amp;gt;标签时弹出
参考程序： #csv2html.py seg1 = ''' <!DOCTYPE HTML>\n<html>\n<body>\n<meta charset="utf-8"> <h2 align=center>2016年7月部分大中城市新建住宅价格指数</h2> <table border='1' align="center" width=70%> <tr bgcolor='orange'>\n''' seg2 = "</tr>\n" seg3 = "</table>\n</body>\n</html>" def fill_data(locls): seg = '<tr><td align="center">{}</td><td align="center">{}</td><td align="center">{}</td><td align="center">{}</td></tr>\n'.format(*locls) return seg fr = open("price2016.csv", "r") ls = [] for line in fr: line = line.replace("\n","") ls.append(line.split(",")) fr.close() fw = open("price2016.html", "w", encoding="utf-8") fw.write(seg1) fw.write('<th width="25%">{}</th>\n<th width="25%">{}</th>\n<th width="25%">{}</th>\n<th width="25%">{}</th>\n'.format(*ls[0])) fw.write(seg2) for i in range(len(ls)-1): fw.write(fill_data(ls[i+1])) fw.write(seg3) fw.close()将CSV格式（注意：为了简化设计，有标题栏时，请先删除首行的标题栏）的Python实验课班内序号文件使用HTML进行展示，展示时输出和自己班内序号邻近的10个学生信息。
05-18
如果你想展示班内序号邻近的 10 个学生信息，可以在遍历 `ls` 列表时，判断该行数据的序号是否与目标序号相邻近，如果是，则将该行及其前后各 4 行的数据转换成 HTML 表格行，并写入到 HTML 文件中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值