`
Abby_success
  • 浏览: 17052 次
  • 性别: Icon_minigender_2
  • 来自: 重庆
社区版块
存档分类
最新评论

利用JS的API取得动态生成的ID

 
阅读更多

  在做页面的时候,总会由于对JS的不熟悉而出现层层额阻碍,今天在无意间解决了拦住了自己几天的小问题。呵呵,很高兴O(∩_∩)O~,记下来,保存自己此时的一点点小快乐!!

在页面许多时候都要更具需要动态的创建一些页面的元素,才能满足需求(以下实现的是根据超链接的ID的不同来实现点击时的删除操作):

<script>

var i=0;

var currentId;

var value = window.prompt("请输入标题","");

 function   cerateElement(){

      

       var  dElement = document.getElementById("divId");

       var  aElement = document.createElement("a");

       i++;

       aElement .innerText = value;//设置超级链接的名字

       aElement.setAttribute("id",i);

       aElement.setAttribute("href","#");

       dElement.appendchild(aElement);

       aElement.attachEvent("onclick",function(){

       

        currentId = event.srcElement.id;//此时的ID就是点击哪儿超链接便得到其对应的ID;

        deleteById(currentId );//调用实现操作的JS方法

 

      });

}

 

</script>

 

 

页部分代码面:

<body>

 

   <div id="divId" style="display:none">

   </div>

</body>

 

分享到:
评论

相关推荐

    js菜单可以动态生成

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页交互和动态效果的实现。在网页设计中,菜单是用户与网站交互的重要部分,动态生成的菜单可以根据用户需求或数据变化实时更新,提供更加灵活和个性化的用户...

    Joint.js动态生成流程图

    **Joint.js 动态生成流程图** 在软件开发和项目管理中,流程图是一种非常重要的可视化工具,它能够清晰地展示任务之间的关系和工作流程。Joint.js 是一个强大的JavaScript库,专为创建图形和图表而设计,其中包括...

    基于jQuery和layui的form表单自定义js动态生成

    在动态生成表单中,我们主要利用jQuery的选择器快速定位表单元素,并通过其提供的API进行操作。 二、layui介绍 layui是一个轻量级且模块化的前端框架,它包括了丰富的组件,如表格、按钮、表单、弹窗等。layui的...

    tp5框架开发的restful API接口自动生成文档源码.zip

    同时,通过结合API文档工具,如apidoc.js,我们可以实现接口文档的自动化生成,提高开发效率,保证文档与代码的一致性。在实际开发中,遵循REST原则,配合TP5的强大功能,可以构建出高效、可维护的API服务。

    js 实现动态生成二维码

    在描述中提到的"js 实现动态生成二维码,不用在依赖后台取实现",主要涉及到的技术是利用纯JavaScript库来创建二维码。这里有一个名为`js-qrcode-master`的压缩包,很可能包含了一个用于生成二维码的JS库源代码。这...

    extjs动态生成表格,前台+后台

    6. 动态生成:通过JavaScript代码动态创建ColumnModel和Store,从而实现表格的动态生成。 通过理解和掌握这些知识点,开发者可以构建出高度灵活、响应式的前端表格应用,同时充分利用后端数据源提供动态内容。

    利用JavaScript生成图像

    在实际项目中,为了提高效率和可维护性,往往会选择使用图表库,如D3.js、Chart.js或ECharts等,它们提供了丰富的API和配置选项,使得生成各种复杂图表变得简单。不过,理解底层原理对开发者来说至关重要,因为这有...

    javascript js如何根据数据生成png图片.zip_jsp js

    在JavaScript编程领域,生成PNG图片是一项常见的需求,特别是在数据分析、可视化和动态图表的制作中。JavaScript库如HTML5的Canvas API或第三方库如jsCharts都提供了这样的功能。本篇文章将详细探讨如何使用...

    JS 动态生成二维码图片

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在动态生成内容方面表现得尤为强大。本文将深入探讨如何使用JS动态生成二维码图片,这是一个常见的需求,特别是在移动互联网时代,二维码作为数据...

    动态生成div框并且同时加载数据

    在动态生成div框时,我们通常会利用JavaScript的DOM(文档对象模型)操作功能,通过创建新的DOM元素(如div)并将其插入到页面中。 动态生成div框的基本步骤如下: 1. 创建div元素:使用`document.createElement('...

    【JavaScript源代码】vue 动态生成拓扑图的示例.docx

    在Vue.js应用中动态生成拓扑图是一种常见的需求,特别是在数据可视化、系统监控等领域。本示例介绍如何在Vue项目中实现横向拓扑图的创建,主要依赖于 Tencent 的 bkTopology 库。以下是对实现这一功能的关键步骤和...

    java动态生成菜单

    在Java开发中,动态生成菜单是一项常见的需求,特别是在构建Web应用程序时。这通常涉及到后端与前端的交互,以及数据库的使用。在这个场景下,"java动态生成菜单"的实现通常基于用户角色权限来确定用户可见的菜单项...

    可以动态生成的树型导航菜单

    在IT行业中,动态生成的树型导航菜单是一种常见的前端交互设计,它能够根据后端数据库中的数据自动生成,为用户提供直观、高效的导航体验。本文将深入探讨如何实现这样的功能,并结合给定的“树菜单”文件,分析其...

    ArcGIS API for JavaScript4.10加载天地图

    本文将深入探讨如何利用ArcGIS API for JavaScript 4.10版本加载天地图,包括其矢量底图、影像地图和地形图。我们将讨论如何自定义图层模块,通过扩展BaseTileLayer来实现这一目标。 首先,ArcGIS API for ...

    JQuery 动态生成DIV、Table并处理数据

    标题 "JQuery 动态生成DIV、Table并处理数据" 涉及的是使用JavaScript库JQuery来动态创建HTML元素,特别是DIV和Table,并且处理其中的数据。这在Web开发中非常常见,尤其是在构建交互式用户界面时。下面将详细阐述这...

    JS生成二维码程序

    总的来说,利用JavaScript生成二维码是网页交互中的一个实用技巧,通过结合各种JS库,我们可以轻松地将动态数据转化为用户可以扫描的二维码,为网页应用增加更多互动性。在进行此类开发时,确保对库的正确引用和理解...

    Node.js-动态生成二维码推送客户端的DEMO

    在这个DEMO中,我们关注的是如何利用Node.js动态生成二维码并将其推送给客户端。动态生成二维码是一项常见的需求,例如在移动应用的下载页面、线上支付场景或身份验证流程中。 1. **核心模块** - **qrcode**: 这个...

    apiDoc-RESTfulwebAPI文档生成器

    **apiDoc:RESTful web API 文档生成器** 在当今的软件开发中,API(Application Programming Interface)扮演着至关重要的角色。它允许不同的系统和服务之间进行数据交换和功能调用,使得开发人员能够构建分布式、...

    dtreeJQuery实例.动态生成树

    以上就是关于dtree jQuery实例动态生成树的知识点概述,包括其核心原理、API使用、动态加载、自定义样式、事件处理、实例化配置以及集成优化等方面。在实际开发中,根据项目需求,灵活运用这些知识可以构建出高效、...

    js生成二维码_js二维码生成_

    在IT行业中,JavaScript(简称JS)是一种广泛使用的前端编程语言,尤其在网页交互和动态内容展示方面发挥着重要作用。在标题“js生成二维码_js二维码生成_”和描述“js生成微信二维码,无需第三方插件,生成速度快,...

Global site tag (gtag.js) - Google Analytics