Добавить событие OnClick с помощью JavaScript или CSS

Question

Добавить событие OnClick с помощью JavaScript или CSS

0

У меня есть таблица в HTML:

    <table id="cust">
        <tr>
            <th>UserName</th>
            <th>Password</th>       
        </tr>       
            <script type="text/javascript">addRows();</script>
        </table>

и у меня есть функция в JS, которая вставляет строки в эту таблицу. например:

function addRows() {
  // Get a reference to the table   
  var table = document.getElementById("cust");
  var rowCount = table.rows.length;
  var row = table.insertRow(rowCount);
  var cell0 = row.insertCell(0);
  var cell1 = row.insertCell(1);
  cell0.innerHTML = "ilan";
  cell1.innerHTML = "11111";
}

но я хочу, чтобы каждая строка, вставляемая в таблицу, будет с событием onClick следующим образом:

<tr onclick="window.document.location='Accounts.html';">

Как мне это сделать?

Спасибо !!

user2970484 18 дек. 2013, в 12:32

Источник

0

CSS? Я думаю, что вы имеете в виду HTML-скрипт онлайн
A. Wolff 18 дек. 2013, в 11:36

Теги:

javascript

jquery

html

css

2 ответа

0

Поскольку вы не используете какие-либо конструкторы jQuery, добавьте обработчик onlick в элемент строки

function addRows() {
    // Get a reference to the table   
    var table = document.getElementById("cust");
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    row.onclick = rowClick
    var cell0 = row.insertCell(0);
    var cell1 = row.insertCell(1);
    cell0.innerHTML = "ilan";
    cell1.innerHTML = "11111";
}

function rowClick() {
    window.document.location = 'Accounts.html';
}

Если вы хотите иметь разные целевые местоположения, тогда

function addRows() {
    // Get a reference to the table   
    var table = document.getElementById("cust");
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    row.onclick=function(){
        window.document.location='Accounts.html';
    }
    var cell0 = row.insertCell(0);
    var cell1 = row.insertCell(1);
    cell0.innerHTML = "ilan";
    cell1.innerHTML = "11111";
}

Arun P Johny 18 дек. 2013, в 09:52

Ещё вопросы

CSS? Я думаю, что вы имеете в виду HTML-скрипт онлайн

skos · Accepted Answer · 2013-12-18T10-32-00.000Z

Вы можете использовать this-

row.setAttribute( "OnClick", "window.document.location = 'Accounts.html'");

   function addRows() {
      // Get a reference to the table   
      var table = document.getElementById("cust");
      var rowCount = table.rows.length;
      var row = table.insertRow(rowCount);
      row.setAttribute("onclick","window.document.location='Accounts.html'");
      var cell0 = row.insertCell(0);
      var cell1 = row.insertCell(1);
      cell0.innerHTML = "ilan";
      cell1.innerHTML = "11111";
    }