新增加的html里的标签元素,该元素作为事件,js获取不到id的问题
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.createElement("a");
                   var text_a = document.createTextNode("注册0");
                     a.setAttribute("href","javascript:void(0);");   
                     a.setAttribute("class","drop_col");
                     a.setAttribute("id","register");
                     a.setAttribute("onclick","rjSecond()");
                     a.appendChild(text_a); 
                  p.appendChild(a);
                    $("boss").appendChild(p); }//改了增加HTML内容之后。发现还是没法获得id,我就设置了属性onclick最后bug解决
                flag=1;
.....
                       /* $("register").onclick=function(){ 之前用的这个方式,但是没办法获id的值register  ,不知道为什么新增加的HTML里的,已经形成页面,但是再次点击这个绑定事件的标签时,id没法获取到。*/
  function rjSecond()
      { var table = document.getElementsByTagName("table")[0];
        var form = table.parentNode;
        form.removeChild(table)
        if(flag!=0){ 
          var div = $("submit-div");
         form.removeChild(div);
        ........
        =================
后来终于明白了如何成功获取id了:要把所有代码都放在那个大事件的代码里:例如:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>shijian</title>
</head>
<body>
<div id="box">
<button id="myBtn">试一试</button>
</div>
<p id="demo"></p>
</body>
<script>
document.getElementById("box").innerHTML+="<p id='hh' >函数。</p>";
document.getElementById("demo").innerHTML=Date();
  document.getElementById("hh").onclick=function () {
        alert("gg");
    };
};
</script>
</html>
新增加的html里的标签元素,该元素作为事件,js获取不到id的问题的更多相关文章
- v-for遍历出的元素上添加click事件,获取对应元素上的属性id值
		
<span v-for="(n,nav) in floorList" data-id="{{nav.itemId}}" v-on:click=" ...
 - HTML 5的革新之一:语义化标签一节元素标签。
		
摘至于:<HTML 5的革新——语义化标签(一)> HTML 5的革新之一:语义化标签一节元素标签. 在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即 ...
 - 移动webApp必备技能一、WebApp 里Meta标签大全,webappmeta标签大全
		
1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,9 ...
 - CSS里常见的块级元素和行内元素
		
根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级 ...
 - css3新增加的选择器
		
css3新增加的选择器 一.属性选择器: E[attr] 只要有属性名E[attr=value] 属性名=属性值E[attr~=blue] 包含这个blue整个单词就可以E[attr^=c] 以这个字 ...
 - HTML5新增加的功能
		
1.部分代码代替了以前的代码 例如: 获取焦点 旧:document.getElementById("price");.focus; 新:<input ...
 - [原创] Easy SysLite V1.2 (2016.5.29更新,新增加WIN10支持,一个程序适配所有系统减肥)
		
[原创] Easy SysLite V1.2 (2016.5.29更新,新增加WIN10支持,一个程序适配所有系统减肥) nohacks 发表于 2016-5-29 17:12:51 https:// ...
 - HTML5每日一练之input新增加的六种时间类型应用
		
今天介绍一下input在HTML5中新增加的时间类型的应用,与昨天的练习一样,如果在以下这几种输入框中输入的格式不正确,也是无法提交的. 注意:此种类型的input在Opera10+中效果为佳,Chr ...
 - 五种情况下会刷新控件状态(刷新所有子FWinControls的显示)——从DFM读取数据时、新增加子控件时、重新创建当前控件的句柄时、设置父控件时、显示状态被改变时
		
五种情况下会刷新控件状态(刷新控件状态才能刷新所有子FWinControls的显示): 在TWinControls.PaintControls中,对所有FWinControls只是重绘了边框,而没有整 ...
 
随机推荐
- 第k小团+bitset优化——牛客多校第2场D
			
模拟bfs,以空团为起点,用堆维护当前最小的团,然后进行加点更新 在加入新点时要注意判重,并且用bitset来加速判断和转移构造 #include<bits/stdc++.h> #incl ...
 - UvaLive6893_The_Big_Painting
			
目录 Catalog Solution: (有任何问题欢迎留言或私聊 && 欢迎交流讨论哦 Catalog Problem:传送门 Portal 原题目描述在最下面. 给你两个二 ...
 - MFC-按行读取TXT数据
			
TXT中数据格式如下: 1 23 4 0 4 10 …… 要实现的功能是:定义一个函数,每次调用时从TXT文档中读一个整数 ,赋值给变量.同时,文件位置向下移动一行,以便下次调用时读取下一行的数据. ...
 - c#   将byte数组保存成图片
			
将byte数组保存成图片: 方式一:System.IO.File.WriteAllBytes(@"c:\test.jpg", bytes); 方式二:MemoryStream ms ...
 - 在Debian中安装VNC Server
			
大部分情况下我们用ssh就可以登录linux服务器了.但有时候我们的程序需要在图形界面下运行,这时我们就要用到vnc server这个软件了. 在Debian下安装vnc server很简单的,只要几 ...
 - PAT_A1079#Total Sales of Supply Chain
			
Source: PAT A1079 Total Sales of Supply Chain (25 分) Description: A supply chain is a network of ret ...
 - Windows系统下安装MySQL 8.0.11数据库
			
MySQL数据库是常用的数据库之一,而且该数据库开源免费,所以很多公司在使用.本文记录如何在Windows系统下安装MySQL数据库,本次安装的版本号为8.0.11,这个版本是当前的最新版本,据宣传, ...
 - spark1.0.2读取hbase(CDH0.96.1)上的数据
			
基本环境: 我是在win7环境下,spark1.0.2,HBase0.9.6.1 使用工具:IDEA14.1, scala 2.11.6, sbt.我现在是测试环境使用的是单节点 1.使用IDEA创建 ...
 - mysql安装总结
			
#mysql安装# 安装工具:yum -y install gcc-c++ ncurses cmake make ncurses-devel # 拷贝配置文件到指定目录:rm -rf /etc/my. ...
 - Tesseract&tesseractOCRiOS
			
安装tesseract在上篇. 1.安装之后默认语言包只有英文包,在github上下载中文简体,链接:https://github.com/tesseract-ocr/tessdata 然后放入tes ...