关于js遍历表格的实例_javascript技巧

复制代码 代码如下:

<html>
<head><title>遍历表格</title>
<script language="javascript">
   function getData()
   {
      var arrData=new Array();
      var objTable=document.getElementById("myTable");
      if(objTable)
      {
         for(var i=0;i<objTable.rows.length;i++)
         {
            for(var j=0;j<objTable.rows[i].cells.length;j++)
            {
                arrData[i]=objTable.rows[i].cells[j].innerText;
            }
         }
      }
      alert(arrData.join(","));
   }
</script>
</head>
<body>
<table border="1" id="myTable">
<tr><td>liu</td><td>jin</td><td>cai</td></tr>
<tr><td>liu2</td><td>jin2</td><td>cai2</td></tr>
<tr><td>liu3</td><td>jin3</td><td>cai3</td></tr>
</table>
<form>
<input type="button" value="getData" onclick="getData();" />
</form>
</body>
</html>

时间: 2024-11-03 20:35:57

关于js遍历表格的实例_javascript技巧的相关文章

关于js遍历表格的实例

js可以利用dom非常轻松的就可以遍历一个表格.当然只要是dom中有的所有对象都可以通过js来访问和处理   复制代码 代码如下: <html> <head><title>遍历表格</title> <script language="javascript">    function getData()    {       var arrData=new Array();       var objTable=document

15位和18位身份证JS校验的简单实例_javascript技巧

一.身份证号码的结构和表示形式 1.号码的结构 根据[中华人民共和国国家标准GB11643-1999]中有关公民身份号码的规定,公民身份号码是特征组合码,由十七位数字本体码和一位校验码组成.排列顺序从左至右依次为:六位数字地址码,八位数字出生日期码,三位数字顺序码和一位数字校验码. 2.地址码 表示编码对象常住户口所在县(市.旗.区)的行政区划代码,按GB/T2260的规定执行. 3.出生日期码 表示编码对象出生的年.月.日,按GB/T7408的规定执行,年.月.日代码之间不用分隔符. 4.顺序

IE下JS保存图片的简单实例_javascript技巧

IE下JS保存图片的简单实例 function ieSave() { var img = document.images[0]; var oPop = window.open(img.src, "", "width=0,height=0,top=5000,left=5000"); for (; oPop.document.readyState != "complete";) { if (oPop.document.readyState == &q

require.js 加载 vue组件 r.js 合并压缩的实例_javascript技巧

准备: vue.js 原本是学习vue组件 require.js 然后想到用require 加载 r.js 文件太多 合并 文件目录 忽略部分文件及文件夹 一.先说vue 组件 先引入vue 再引入vue组件 Vue.extend({}) 定义组件 template data methods Vue.component(),注册组件的标签,标签在html中是一个挂载点 new Vue() 进行实例化 index.html // css引入 略 <div id="header"&g

js操作滚动条事件实例_javascript技巧

本文实例讲述了js操作滚动条事件的方法.分享给大家供大家参考.具体分析如下: 之前一直很纳闷,如何监视滚动条的事件,今天终于有点明白了. 下边代码,是监听滚动条只要移动,下方的返回顶部的div显示与隐藏的代码 window.onscroll = function () { var t = document.documentElement.scrollTop || document.body.scrollTop; if (t > 0) { $(".cbbfixed").css(&q

js实现照片墙功能实例_javascript技巧

本文实例讲述了js实现照片墙功能的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:html5="http://www.w3.org/1999/xhtml">     <head>         <meta charset="utf-8">     

基于Vue.js的表格分页组件_javascript技巧

一.Vue.js简介1.Vue的主要特点: (1) 简洁 (2) 轻量 (3)快速 (4) 数据驱动 (5) 模块友好 (6) 组件化(1) 简洁 下面看一段Angular的实现双向绑定的代码 // html <body ng-app="myApp"> <div ng-controller="myCtrl"> <p>{{ note }}</p> <input type="text" ng-mo

JS折半插入排序算法实例_javascript技巧

本文实例讲述了JS折半插入排序算法.分享给大家供大家参考,具体如下: function pushArrayWithIndex(arr, index, value) { // 将元素添加到数组的指定位置 var temArr = arr.slice(0, index); temArr.push(value); return temArr.concat(arr.slice(index)); } /* test for pushArrayWithIndex var arr = [1, 2, 3, 4,

js实现网页抽奖实例_javascript技巧

本文实例讲述了js实现网页抽奖的方法.分享给大家供大家参考.具体如下: 这段网页抽奖程序,基于javascript代码实现,简单的演示如何使用JS来实现抽奖功能,点击"开始抽奖"按钮,程序即开始抽奖了,需要停止的时候按"停止",以前发过类似的抽奖程序有几个了,有兴趣的自己在本站网页特效栏目搜索"抽奖"看下. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html> <html lang="zh"&