在QTP中有时候使用HTML Dom会带来事半功倍的效果，比如访问页面元素对象，对元素对象进行定位和获取属性值等，最近开始学HTML Dom的一些方法，属性，事件，修改等。

下面是通过HTML Dom操作页面表格，具体实现是：

1. 输入想要删除的行和列

2. 点击获得行列按钮，弹出提示框显示要删除的行列

3. 点击删除按钮，表格中相应的单元格中的数据被清空

-----------------------分割线----------------------------------------------------------------------------

运行前的表格截图：

运行后的表格截图：

源码包含两个函数sub（）和deleteCell（），sub（）用来显示要删除的行列，deleteCell（）用来删除行列。

 <!DOCTYPE html> <html> <head> <script>

 function sub(){ var content1 = document.getElementById("row"); var content2 = document.getElementById("col");  row = content1.value - 1;  col = content2.value - 1; alert("RowNo is:"+row+",and ColNO is:"+col); }   function deleteCell() { var i=document.getElementById("row").value-1; var j=document.getElementById("col").value-1; el=document.getElementById('myTable');  var row=el.rows(i);  var cell=row.cells(j)  cell.innerText="" } </script> </head> <body>

 <table id="myTable" border="1"> <tr> <td>cell 1</td> <td>cell 2</td>  <td>cell a</td> <td>cell b</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td>   <td>cell a</td> <td>cell b</td> </tr>  <tr> <td>cell 5</td> <td>cell 6</td>    <td>cell a</td> <td>cell b</td> </tr>  <tr> <td>cell 7</td> <td>cell 8</td>    <td>cell a</td> <td>cell b</td> </tr>  <tr> <td>cell 9</td> <td>cell 10</td>    <td>cell a</td> <td>cell b</td> </tr> </table> <br> <input type="button" onclick="sub()" value="GetRowValue"> <form> Row <input type="text" Id="row"><br> Col <input type="text" Id="col"> </form>

 <input type="button" onclick="deleteCell()" value="DeleteRow">   </body> </html>

HTML Dom操作数据表的更多相关文章

  1. MYSQL操作数据表中的记录

    36:操作数据表中的记录插入记录   INSERT INTO 表名  VALUES();   或者INSERT 表名  VALUES();  UPDATE更新记录(单表更新)  DELETE删除记录( ...

  2. 操作数据表中的记录——SELECT (where表达式、GROUP BY、HAVING、LIMIT)

    原文链接:http://www.ifyao.com/2015/01/26/%E6%93%8D%E4%BD%9C%E6%95%B0%E6%8D%AE%E8%A1%A8%E4%B8%AD%E7%9A%84 ...

  3. MySQL 命令操作数据表

    MySQL 命令操作数据表 1.查看表信息 desc hs_user_credit_info; 2.新增表字段 alter table hs_credit_order add search_relat ...

  4. MySQL学习之路(二)——数据类型和操作数据表

    数据类型和操作数据表 2.1 MySQL类型之整型 2.2 MySQL数据类型之浮点型 2.3 日期时间型 DATE 1支持时间:1000年1月1日~9999年12月31日 DATETIME 3 支持 ...

  5. MySQL入门（4）——操作数据表

    MySQL入门(4)--操作数据表 创建数据库 CREATE [TEMPORARY] TABLE [IF NOT EXISTS] 数据库名 [(create_definition,...)] [tab ...

  6. javascript学习笔记之DOM与表单

    DOM(文档对象模型),猫叔了一个层次化的节点树 一.DOM NODE相关公共属性与方法 DOM中所有节点都实现了NODE接口,该接口的公共属性和方法如下: 1.节点基本属性 1)NodeType 节 ...

  7. 【JavaScript】DOM之表单操作

    DOM 表单操作 1.获取表单 获取表单元素 以Document对象中forms属性来获取当前HTML页面所有表单集合以Document对象中表单的name属性值来获取表单元元素 <body&g ...

  8. sql server 2008 操作数据表

    SQL Server表   表的类型:   ①临时表 临时表可用来处理中间数据或者用临时表 与其它连接共享进行中的工作.临时表只 能放在tempdb中. 私有临时表(#) 全局临时表(##)   ②系 ...

  9. MySQL之数据类型与操作数据表

    上节回顾 一.数据类型 什么是数据类型? 数据类型是指列.存储过程参数.表达式和局部变量的数据特征,它决定了数据的存储格式,代表了不同的信息类型. 所谓数据类型,最直接的理解就是我们有些是存储数字的, ...

随机推荐

  1. 写一些脚本的心得总结系列第4篇-------从数据库同步到redis

    5.从数据库同步到redis的. redis把数据放内存里,读取都非常方便,也提供了远超memcache的丰富数据结构.下面我举2个例子,比如1)把数据从数据库写入到redis: <?php $ ...

  2. django form表单验证

    一. django form表单验证引入 有时时候我们需要使用get,post,put等方式在前台HTML页面提交一些数据到后台处理例 ; <!DOCTYPE html> <html ...

  3. saltstack布署实践 【配置文件管理-state模块】

    那如果要批量修改被管机器的某个配置文件怎么做?以下给出一个最简单案例.   先在主管机器master上查看/etc/salt/master配置文件 看到有以下几行配置文件   # file_roots ...

  4. PHPStrom使用SASS,SCSS和Compass

    以前尝试 SASS 的时候写了一篇安装方法,大部分操作还是相同,下面补充一些内容主要是填坑,实在太TMD坑爹了. 参考这篇文章: http://blog.csdn.net/zhouzme/articl ...

  5. table排名次

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. 微信小程序-video详解

    在小程序火热的今天,作为IT行业的一员,我也来凑了一下热闹,话不多说了,接下来看看视频上传,和跨页面获取值的相关案例吧!! 视频上传部分代码: 视频播放 随机颜色的产生: 颜色页面的选择:

  7. Jmeter之录制脚本

    目前,思路:先录制→再压测. [一]录制的准备: 第一种:直接的模板(¬_¬) [1]File→Templates [2]看见Select Template→Recording→create [3]好 ...

  8. JavaEE XML StAX创建

    StAX创建XML文档 @author ixenos 1. 如果通过DOM树来创建XML文件时,发现这个DOM树没有其他用途,那么这种方式就不是很高效,这时我们可以使用StAX API直接将XML树写 ...

  9. childNodes属性 和 nodeType属性

    childNodes属性可以用来获取任何一个元素的所有子元素,它是一个包含这个元素的全部子元素的数组:element.childNodes 如果需要把某个文档的body元素的全体子元素检索出来.首先使 ...

  10. sql时间转换函数--备忘

    总是忘记 一.语法: CAST (expression AS data_type) 参数说明: expression:任何有效的SQServer表达式. AS:用于分隔两个参数,在AS之前的是要处理的 ...