點選table中的某一個td 獲得這個tr的所有資料

阿新 • • 發佈：2018-12-21

功能: 點選table中的某一個td,獲得這個tr的所有資料

效果圖

<html><head><script>    function getData2(element){        document.getElementById("name").value=element.children[0].innerHTML;        document.getElementById("xuehao").value=element.children[1].innerHTML;    }</script></head><body>    <table 
 border="1">        <tr >            <td>學號</td>            <td>姓名</td>        </tr>        <tr onclick=getData2(this) >            <td>AAAAAAAAAAA</td>            <td>張三 </td>        </tr>        <tr onclick=getData2(this) > 
            <td>BBBBBBBBBB</td>            <td>李四</td>        </tr>    </table>    </br>    </br><input type="text" id="name" name="name" /><input type="text" id="xuehao" name="xuehao" /></body></html>

當然還有另外一種方式,我直接在javascript裡面給所有的tr加上onclick屬性#

<html 
><head><script>    function getData(){        document.getElementById("name").value=this.children[0].innerHTML;        document.getElementById("xuehao").value=this.children[1].innerHTML;    }</script></head><body>    <table border="1">        <tr >            <td>學號</td>            <td>姓名</td>        </tr>        <tr  >            <td>AAAAAAAAAAA</td>            <td>張三 </td>        </tr>        <tr  >            <td>BBBBBBBBBB</td>            <td>李四</td>        </tr>    </table>    </br>    </br><input type="text" id="name" name="name" /><input type="text" id="xuehao" name="xuehao" />    <script type="text/javascript">    var tds=document.getElementsByTagName("tr");    var obj=null;    for(var i=1,len=tds.length;i<len;i++){        obj=tds[i];        obj.onclick=getData;  //這裡沒有括號    }        </script></body></html>

對於這兩種方法,我不懂的是為什麼一個getData()沒有引數,getData2(element)卻有引數

點選table中的某一個td 獲得這個tr的所有資料

功能: 點選table中的某一個td,獲得這個tr的所有資料效果圖<html><head><script> function getData2(element){ document.getElementById("name

點選iframe 中某頁面的一個按鈕實現跳轉到iframe外面的窗體裡面

Default.aspx protected void Page_Load(object sender, EventArgs e) { Response.Redirect("WebForm1.aspx"); }

點選table中的一行選中checkbox,並改變該行的顏色

首先規定一個選中時的樣式： .bgRed{ background-color: #b2dba1; } table的程式碼如下： <table> <tr&g

微信小程式--(5-1)點選列表item，把item上面顯示的所有資料，傳遞到另外一個頁面

1,WXML頁面其實很簡單，由於本人是小白，所以記錄一下。 <view class="item_width weui-pa" wx:for="{{itemsData}}" wx:key=""> <view class="weui-medi

element 中點選table中的某一行，使對應行中的Input獲取焦點

css中使inputh獲取焦點的方法是： autofocus='true' 在專案中點選table表格中的行，使input獲取焦點 element中table點選行的事件 @row-click="c

jQuery 獲取遍歷獲取table中每一個tr中的第一個td

<tbody id="already_question_list"> <tr> <td><?php echo $val['unique_number']

Unity中UGUI實現點選改按鈕播放一個音效

專案開發完了，發現了一個問題，雖然不是什麼嚴重的問題不影響遊戲和諧，但是這個再使用者體驗上真的不是很好，什麼問題呢，就是我們的按鈕統一沒有點選音效，這就很尷尬，所以要新增一下，雖然不是什麼很難的功能，但是想了想還是寫個部落格記錄一下過程，以免以後專案中忘記這個功能。大致再

unity 3d中實現點選某個UI啟用一個物體，再點選禁用物體

using UnityEngine; using UnityEngine.EventSystems; public class PointerClickUi : MonoBehaviour,IPointerClickHandler { public GameObjec

git 撤回上一次commit中某一個不想添加的文件

發現如果 reset use 查看不想一次文件刪除 git 1. 假設我們修改了文件a，同時修改了IDE的配置文件b 2.此時我們只想添加文件a到commit中，卻不小心將b也添加進去了 3.那麽怎麽撤回呢？ 4.第一種方法: 4.1 git reset --

怎麽讓table中的<td>內容向上對齊

span clas style class spa ble color 向上 pan <td valign="top"></td> 怎麽讓table中的<td>內容向上對齊

C語言計算程序中某一個函數或算法的執行時間

lock nis 程序 while tar 計算 stdio.h locks turn 計算程序中某一個函數或算法的執行時間 #include <stdio.h> #include <time.h> #include <stdlib.h>

做一個應用圖示，點選圖示後開啟一個網頁

一、建一個MainActivity.java檔案在路徑：7731e81\sc7731e.81.az\packages\apps\Launcher3\src\com\ww\taobao\下二、新增字串在路徑：7731e81\sc7731e.81.az\packages\apps\Laun

vuejs+element UI 點選編輯表格某一行時獲取內容填入表單

handleEdit: function (index, row) { this.editFormVisible = true; this.editForm = Object.assign({}, row); } 詳細教程： 1.首先，做一個表格，用於顯示資訊；程式碼如下：

td中通過button繫結click事件實現跳轉，以及獲取同一table中另一td的值

1、通過button繫結事件跳轉到同一頁面的其他div 例： js頁面 <table id = "tableid"> <tr> <td id = "rcode">"123456"</td> <td><butto

介面回撥----點選item中的ImageView,在Activity中顯示dialog

在做專案的時候有一個功能是:點選listview的item中的一個圖示,在activity中彈出一個dialog.想到的一個辦法就是用介面回撥來實現.對於介面回撥這一塊我其實也還是不太懂,別人寫的複雜的一點的慢慢看也能看懂,但要自己寫的話,也就只能寫一些簡單的,這個demo就是一個很簡單

點選連結彈出一個DIV層視窗

做裝置介紹頁面的時候，發現每個裝置點選檢視詳情都需要連結一個新的頁面，這樣比較影響網頁瀏覽的效率和舒適度，所以想用彈窗的形式在當前頁面展示詳情。彈出的視窗要固定在瀏覽器視窗的中間位置，我採用了fixed固定佈局。  <body style="backg

智慧點選標籤至最後一個再返回至第二個

<ul><li><p>場景說明：APP中上部一般都會有動態標籤，當點選最後一個標籤，標籤會有整體左移的效果，左移後，頁面的最右側標籤不一定是最後一個，需要判斷，如果不是最後一個，

如何用滑鼠點選頁面中的任意標籤，彈出該標籤的名稱．

話不多說，看程式碼 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <title>滑鼠點選頁面中的任意標籤，alert該標籤的名稱</title

滑鼠點選頁面中任意標籤，alert該標籤的名稱

java前端面試題 <script> window.onload = function(){ //如果只想彈出body中的標籤名陳的話getElementsByTagName('body'); //如果把特殊字串 "*" 傳遞給 getElement

HTML點選文字後文本框獲得焦點的兩種方式

HTML標籤獲取通過label標籤的for和input標籤的id，將它們起個一樣的名字 <div> <label class="first" for="tel"><s

點選table中的某一個td 獲得這個tr的所有資料

相關推薦