`
japankn
  • 浏览: 213501 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

根据事件触发时获取值的问题

 
阅读更多

1、问题表述

   在我们动态生成的页面内容时,我们会在真正的内容外套一层容易控制的标签,但是如果要以这个标签作为依据获取其下的所有值,可能会因为不经意间多加了几层,在后面的取值便会出现与预期不同的结果。

2、问题事例

   例如我们要在下面的表格内容中添加真正的数据

   <table width="300" id="content">
       <tr>
           <th>机构</th>
           <th style="display:none"></th>
           <th>名称</th>
           <th>集合类型</th>
      </tr>
   </table>

3、在dom解析中,table的下一级标签默认是tbody,所以为了方便,我们会在动态生成的内容加入tbody标签,这样在解析中就可以使用tbody作为一个参考点取出下面节点的所有内容。

4、如果在你不小心在生成行的时候都创建了一个tbody,那么在取值是会遇到取值缺失的情况。

5、我的解决办法:

   在我们开始操作的时候初始化一个tbody给table,然后每次只在这个tbody中添加节点。如果再次执行操作时根据开关来判断是否再次添加tbody。

   比如我们的初始化操作为

//_tbody是全局的tbody变量

//bl是控制开关

var _tbody,bl=true

function init(id){
    if(it){
        _tbody = createObject("tbody");
        $id(id).appendChild(_tbody);
        bl = false;
    }

 

 

 

 

 

 

 

 

 

 

 

这样在下面的操作我们就有了一个tbody,操作就方便了!!在下面的添加 tr 时就针对_tbody对象了!

分享到:
评论

相关推荐

    基于事件触发的微网分布式经济调度策略.pdf

    通过事件触发机制,各分布式电源能够获取到最优的有功功率值,进而实现成本最小化下的功率经济分配。 分布式一致性算法是实现微网中分布式电源协调控制的重要手段。一致性算法能够使网络中的所有节点达成一致的控制...

    javascript触发模拟鼠标点击事件

    当我们想要触发某个元素上的事件时,jQuery会自动寻找绑定在该元素上的对应事件处理函数并执行它。这种方法虽然方便,但在内部实现上其实包含了获取事件处理函数、模拟事件触发等一系列复杂的逻辑。 在实际的开发...

    laydate时间控件及触发时间校验事件

    `done`函数会在用户选择日期并关闭日期选择面板时触发,参数`value`是用户选择的日期字符串,`date`是完整的日期对象,`endDate`如果是范围选择则表示结束日期。 ```javascript laydate.render({ elem: '#demo', ...

    Vue 组件间传值及事件触发Demo

    本教程将详细讲解如何在Vue组件间进行值传递以及事件触发,帮助你更好地理解并运用这些概念。 一、组件间传值 1. `props` 下传:父组件向子组件传递数据是最常见的传值方式,通过在子组件定义`props`属性接收父...

    Layui组件Table绑定行点击事件和获取行数据的方法

    这里需要注意的是,在HTML代码中,table元素需要被放置在一个指定的div中,这样在绑定事件时才能通过jQuery的find方法准确找到table元素。 具体到代码实现,可以使用jQuery的on方法为table的tr元素绑定双击事件。当...

    光标停止输入触发事件 js

    - 当用户释放按键时触发 `onkeyup` 事件,当按下按键时触发 `onkeydown` 事件。 2. **延时定时器 (setTimeout)** - `setTimeout` 函数用于设置一个延时定时器,在指定的毫秒数之后执行一次函数。 - 本例中,`...

    easyui textbox失去焦点事件及获取文本框的内容

    EasyUI文本框提供了多种事件,如blur、focus、change等,其中blur事件是指文本框失去焦点时触发的事件。我们可以通过在文本框的data-options中指定events属性来绑定blur事件,如:${user.staffno}"/&gt; 在上面的代码...

    下拉框值触发另一个下拉框

    在这个函数中,我们可以获取当前选中的值,并根据这个值来改变另一个下拉框的状态。如果值为空,我们可以设置另一个下拉框为不可选,即禁用状态: ```javascript var dropdown2 = document.getElementById('...

    连接KepServer的Demo,包括读写触发事件

    当PLC点的值发生变化时,KepServer会触发事件,客户端接收到事件后执行相应的处理代码。 在“OPC_DEMO”这个压缩包中,可能包含了演示代码和指南,帮助开发者理解如何实现上述步骤。通常,这些示例代码会展示如何...

    layui问题之模拟select点击事件的实例讲解

    在实现自动触发select的点击事件时,我们不仅需要了解layui提供的API,还需要理解DOM的结构和事件绑定机制。通过上述步骤,我们能够不操作页面的情况下,改变select元素的值。 ### 实际应用场景 - **表单预填充**: ...

    EXT GridPanel获取某一单元格的值

    在EXT GridPanel中,获取某一单元格的值是常见的操作,特别是在实现自定义事件处理或数据验证时。 在提供的代码段中,我们看到一个监听`cellclick`事件的例子,这是EXT GridPanel中用于捕获用户点击单元格时的事件...

    html中radio值的获取、赋值、注册事件示例详解

    这段代码会为所有name为group1的radio按钮注册change事件,当任何一个radio的选中状态发生变化时,就会触发此函数,并打印出当前选中的radio的值。 5. Radio分组 如文档描述所示,一组radio的name属性值必须相同,...

    键盘 keycode的值 javascript时触发事件

    ### 键盘Keycode值与JavaScript触发事件 在前端开发中,经常需要处理用户的键盘输入事件,例如表单验证、快捷键操作等场景。在JavaScript中,可以通过监听`keydown`、`keyup`或`keypress`事件来获取用户按下的按键...

    Vue v-for中的 input 或 select的值发生改变时触发事件操作

    - `v-on:input` 是Vue中用来监听元素`input`事件的指令,当用户在输入框中输入内容时,`input`事件会被触发。在HTML中,我们可以直接使用`oninput`来绑定一个JavaScript函数,但在Vue中,我们需要将其转换为`v-on:...

    javascript获取下拉列表的值

    在JavaScript中,获取下拉列表(也称为选择框或`&lt;select&gt;`元素)的值是一项常见的任务,特别是在处理用户输入和交互时。本篇博文中,我们将深入探讨如何有效地实现这一功能。 首先,我们需要理解HTML中的`&lt;select&gt;`...

    jQuery/JS监听input输入框值变化实例

    同时,使用jQuery绑定了oninputpropertychange事件,显示了在输入过程中实时获取输入框长度,并根据输入值是否存在来改变其他元素的样式。 在介绍完各种监听方法后,文章还提供了一些兼容IE浏览器的JavaScript函数...

    获取鼠标单击处图像的灰度值以及坐标

    以下是一个简单的Python示例,展示了如何结合OpenCV和鼠标事件来获取灰度值: ```python import cv2 # 定义鼠标回调函数 def mouse_callback(event, x, y, flags, param): if event == cv2.EVENT_LBUTTONDOWN: #...

    Jquery获取Select标签的值

    - **获取焦点时触发事件**:`$("#text_id").focus(function(){ /* code */ });` - **失去焦点时触发事件**:`$("#text_id").blur(function(){ /* code */ });` - **选中文本框内容**:`$("#text_id").select();` ##...

    echarts 3D地图,地图区域点击触发事件

    在3D地图上添加数据通常涉及设置 `data` 属性,它可以是包含地理位置和对应值的数组。例如,如果我们有各国的 GDP 数据,可以这样配置: ```javascript series: [{ type: 'map3d', mapType: 'world', events: { ...

Global site tag (gtag.js) - Google Analytics