javascript-getElementById无法获取JS自动生成的模块

问题描述

getElementById无法获取JS自动生成的模块

简单来讲,就是一张表格,里面有很多行,其中第一行是直接写死在代码中的,其余的各行是用JS生成的,然后第一行中的数据的ID为line0.1,line0.2,第二行就是line1.1,line1.2,类型都是input,其他的以此类推,现在的问题是: 在提交的时候调用一个函数,onsubmit="test()",test函数体中调用了getElementId方法,get line0.1,line0.2时没有问题,能get到对应的对象,但是get line1.1,line1.2的时候就为Null,这和由JS生成有什么关系吗?(页面加载的时候就已经加载那些行,应该不存在说调用getElementById的时候还未生成)
求解原因是什么,或者有什么好的方法可以发现问题所在?谢谢!

解决方案

页面加载的顺序和你那个方法执行的先后顺序有影响吧

解决方案二:

我那个方法是点了提交按钮才执行的,而页面加载的时候已经生成那几行了,这样会有影响吗

解决方案三:

你还是把代码贴一下吧,这样看不出什么来

时间: 2025-01-02 13:17:50

javascript-getElementById无法获取JS自动生成的模块的相关文章

利用原生JS自动生成文章标题树的实例_javascript技巧

实现原理很简单,就是循环文章模块,并抽取其中的h2.h3标签,将其中的内容赋予给新建的title树. 代码如下: HTML代码: <div class="contextBox"> <div id="article"> <h2>二级标题</h2> <h3>三级标题</h3> <p>hello hello hello hello hello hello hello hello hello

js自动生成的元素与页面原有元素发生堆叠的解决方法_javascript技巧

 商品属性和商品规格是js动态生成的元素,商品扩展信息的两个文本框是原有的元素,他们发生堆叠,我以为是我生成的元素所在div大小不固定导致的,因为商品规格的下面复选框是第二次ajax生成的,我怀疑第二次ajax是不是不能将页面原有元素向下推到合适的位置. 搞了几个小时,尝试固定元素所在容器div的的大小,但是不好固定啊,元素的个数是不定的,尝试改变属性和规格的生成顺序,属性部分堆到规格部分上去了,规格部分的元素怎么不独立占位置呢,后来才想到会不会是浮动了,去除浮动,给原有元素(商品扩展信息部分)

jquery.qrcode.js自动生成二维码例子

html代码如下  代码如下 复制代码 <input id="txt" type="text" value="http://www.111cn.net/"> <input id="btn" type="button" value="生成二维码"> <div id="qrcode"></div> <script sr

在Python中使用CasperJS获取JS渲染生成的HTML内容的教程_python

文章摘要:其实这里casperjs与python没有直接关系,主要依赖casperjs调用phantomjs webkit获取html文件内容.长期以来,爬虫抓取 客户端javascript渲染生成的html页面 都极为 困难, Java里面有 HtmlUnit, 而Python里,我们可以使用独立的跨平台的CasperJS.     创建site.js(接口文件,输入:url,输出:html file)   //USAGE: E:\toolkit\n1k0-casperjs-e3a77d0\b

用JS自动生成等比例所略图

js <!--本示例演示图片加载时自动显示等比例缩略图,在做web程序的时候往往会遇到客户上传很大的图片,但是显示的时候如果把所略图的高宽比手工设置好,由于图片的形状不同会造成显示变形,这里用一段小脚本程序来解决这个问题,你可以把它修改一下做的更通用一些,比如说把Wa_SetImgAutoSize()函数加个img参数,然后在图片的onload=事件里传送自己去调用函数.--><HTML><HEAD><TITLE>演示图片等比例缩小</TITLE>

关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js

网上看过很多配置思路,自己总结了以下, 就把我个人配置的顺序以及材料分享下,webstrom以下简称WB 1.配置less需要安装nodejs,自行安装.因为要用到npm.我是直接把npm解压到C盘根目录的,先下载解压好待用 npm解压包百度云下载地址:http://pan.baidu.com/s/1bpdnmGZ (yuicompressor-2.4.2.jar 这个是WB配置让CSS或者JS自动生成.mincss/.minjs的压缩工具,不是配置LESS的工具哦, 使用很简单不用解压,比我直

Thinkphp5.0自动生成模块及目录的方法详解

本文实例讲述了Thinkphp5.0自动生成模块及目录的方法.分享给大家供大家参考,具体如下: Thinkphp5.0发布已有些时日了,据说性能方面有很大的提升,按照官方的话,ThinkPHP5.0版本是一个颠覆和重构版本,采用全新的架构思想,引入了很多的PHP新特性,优化了核心,减少了依赖,实现了真正的惰性加载,并针对API开发做了大量的优化.是时候得download一份,研究一下.今天主要讲讲其自动创建模块及目录. Thinkphp5.0自动生成模块较ThinkPHP3.2,确实有很大的变化

js实现根据身份证号自动生成出生日期_javascript技巧

本文实例为大家讲述了js实现根据身份证号自动生成出生日期的代码,分享给大家供大家参考,具体内容如下 运行效果图: <!doctype> <html> <head> <script type="text/javascript"> function dealCard(){ var birthday=getBirthday(); switch(birthday){ case 0:alert("Sorry,the program run

JavaScript实现自动生成网页元素功能(按钮、文本等)_javascript技巧

创建元素的方法: 1.利用createTextNode()创建一个文本对象 2.利用createElement()创建一个标签对象 3.直接利用容器标签中的一个属性:innerHTML-----本质上改该标签容器中的"html代码",不是我们认为的对象树的操作 详解代码: <body> <input type="button" value="创建并添加节点1" onclick="addNode1()"/>