1. 程式人生 > >js 表格相關操作程式碼

js 表格相關操作程式碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<script>	
function c(id,n,val){
	var tb = document.getElementById(id),
		r = tb.rows;
		for(var i=0,j=r.length;i<j;i++){
			r[i].cells[n].innerHTML = val;
		}
}
</script>
</head>
<body>
<table id="tb" width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="19%"> </td>
    <td width="24%">fdsfds</td>
    <td width="17%"> </td>
    <td width="13%"> </td>
    <td width="9%"> </td>
    <td width="18%"> </td>
  </tr>
  <tr>
    <td> </td>
    <td>fsdf</td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td>sfd</td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<input type="button" value="點選改變" onclick="c('tb',1,'新的值')" />
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>無標題文件</title>
<script>	
function c(id){
	var objthis=this;
	this.d=document.getElementsByTagName("td");
	for(var i=0;i<this.d.length;i++){
		this.d[i].onclick=function(){objthis.f(this);}
	}
}
c.prototype.f=function(a){
	w=a.offsetWidth;
	h=a.offsetHeight;
	s=a.innerHTML;
	a.innerHTML="<input type='text' value='"+s+"' style='font-size:14px;width:"+w+"px;height:"+h+"px;border:0px solid red;background:#dddddd'>";
	a.onclick=null;
}
</script>
</head>
<body>
<table id="tb" width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="19%"> </td>
    <td width="24%">fdsfds</td>
    <td width="17%"> </td>
    <td width="13%"> </td>
    <td width="9%"> </td>
    <td width="18%"> </td>
  </tr>
  <tr>
    <td> </td>
    <td>fsdf</td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td>sfd</td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<script type="text/javascript">var fdf=new c("td")</script>
</body>
</html>

相關推薦

js 表格相關操作程式碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

JS陣列相關操作

陣列的新增 var arr = []; arr[0] = 1; arr[1] = 2; arr.push(3) // 新增到末尾 arr; // [1,2,3] arr[arr.length] =

JS cookie相關操作

//JS操作cookies方法! //寫cookies function setCookie(name,value) { var Days = 6; var exp = new Date(); exp.setTime(exp.getTi

實例:表格相關操作:添加行,刪除行,編輯單元格

solid att align button 點擊 btn eat create lur html代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

ftp(io流)相關操作程式碼

  ftp(io流)相關操作的程式碼 import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import org.apache.commo

js表格中的DOM操作之隔行變色,滑鼠進入當前行高亮

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title><

node.js檔案的複製,建立資料夾等相關操作

nodeJS對檔案的複製: 一般對於小型檔案的複製操作使用的是流的管道運輸操作, 首先需要載入引入的檔案:var fs = require('fs'); 1、同步建立資料夾 fs.mkdirSync(yourfileDirPath); 非同步建立資

使用Phabricator提交diff,進行CodeReview程式碼,相關操作

首先使用Phabricator需要配置相關的PHP環境變數,配置過程詳見此連結 Windows系統下Phabricator的Arcanist配置安裝 其中的步驟只需要看1 2 3 5 6 即可,如下圖所示: 連結步驟如下: 此過程安裝結束進入IDEA進行配置編輯器 在I

Java基礎(14):IO流—理解I/0概念和掌握相關類的作用(附有操作程式碼

在Java中如果要進行輸出和輸入操作,就需要使用到IO流,例如第一次寫的語句System.out.println("hello,world")就是一個典型的輸出流。IO流是Java的重點知識,除了要理解輸入與輸出的概念,還需要多次編寫程式碼才能更好的理解。IO體系中涉及到的

js 表格操作

<!DOCTYPE html> <html>     <head>         <meta charset="{CHARSET}">   

[Html JS] jQuery錨點跳轉及相關操作 IE10 11 下相容性問題

最近工作上遇到的問題。就是這個  錨點就不多說了,如下解釋。主要問題是我在chrome,火狐,ie8下都ok的。NTC測試,報了個bug,說IE10.11就不行了。 主要是這個頁面分三個frame,我試了下一些常規的辦法就不work。 思路:在載入頁面

js相關操作

js合併陣列 array1.push.apply(array1, array2) js 找出元素在陣列中的索引 arr.indexOf(item) js擷取指定字元後面的所有內容 w.positio

js對系統、IE瀏覽器的相關操作

新增網址到收藏夾 <input type="button" onclick="window.external.addFavorite('http://www.hao123.com','

asp.net對cookie的操作(前臺js和後臺c#程式碼)

    CSDN廣告是越來越多了,所有部落格筆記不再更新,新網址 DotNet筆記 (一) 後臺C#程式碼對cookie的操作: 看一下程式碼 ///////////////////////////////-----cookie建立\設定的操作--

python中以鍵值對形式存放的容器-----------------字典(內有相關操作和示例程式碼

#Filename:dictionary.py #字典類似於你通過聯絡人的名字查詢詳細的資訊,也就是以 #鍵值對的形式儲存,一個鍵對應一個值 #格式:key1:value1,key2:value2 #示例程式碼: #首先建立一個字典,以鍵值對的形式存在 dic={'1':'

10、自學——Linux的學習進度與任務【用戶和用戶組相關操作

sha256 用戶授權 gpasswd upm 登錄 shel 默認 不同 管理 用戶和用戶組相關操作 用戶和用戶組定義:     用戶:資源獲取標識符(資源分配),是安全權限模型的可信要素之一      用戶組:用戶組是指多個用戶的集合,方便對一類需要同樣權限的用戶授權

Linux下的簡單壓縮相關操作

spa code nbsp 內容 需求 分割線 某個文件 blog pan 一、需求:壓縮/data到/tmp下 操作: 1 [[email protected]/* */ /]# tar zcf /tmp/data.tar.gz data/

Django基礎篇之數據庫選擇及相關操作

setting 必須 需要 mysql pyc -- creates 127.0.0.1 settings 在djanjo框架中我們最常用的框架分別就是mysql和sqlit了,下面我們將分別講述一下這倆種數據庫的基礎必備知識 mysql 一、利用命令創建(在終端上執行)

vue.js的基本操作

操作 copy custom events patch erb one lte methods 1.{{message}}輸出data數據中的message。 2.v-for="todo in todos"輸出data數據中的dotos數組 3.v-on:click="aa

Js的屬性操作(1)

text 修改 input value body 替換 onclick inpu scrip <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="t