Обход таблицы с использованием Javascript для добавления столбца

Я пытаюсь добавить определенный столбец в таблицу. В таблице есть определенные строки, и каждая строка имеет два столбца. Итак, я хочу изменить внутренний текст первого элемента <Td> определенной строки в зависимости от выбранного элемента второго столбца.

Допустим, таблица такая:

    <table  id="info" style="width:500px;position:relative;margin:0 auto;">
    <tr><td><b>Personal Information</b><br /><br /></td>
    </tr>
    <tr><td>Title</td><td><input type="text" id="title" name="title" /></td></tr>
    </table>

и Javascript, который я пытаюсь сделать, таков:

document.getElementById("title").parentNode.parentNode.cells[0].innerHTML(" sometext");

поэтому в основном, если этот скрипт запускает разметку для таблицы, она должна быть:

<table  id="info" style="width:500px;position:relative;margin:0 auto;">
<tr><td><b>Personal Information</b><br /><br /></td>
</tr>
<tr><td>Title sometext</td><td><input type="text" id="title" name="title" /></td>  </tr>
</table>

Помогите мне здесь!


javascript html-table append traversal
person Prateek    schedule 27.02.2012    source источник
comment
innerHTML не является функцией. Просто присвойте ему значение. Быстрый поиск в Google показывает developer.mozilla.org/en/DOM/element.innerHTML . Если бы вы взглянули на консоль, то увидели бы, что свойство 'innerHTML' объекта #‹HTMLTableCellElement› не является функцией.   -  person Felix Kling    schedule 28.02.2012

Ответы (1)


arrow_upward
2
arrow_downward

Пытаться,

document.getElementById("title").
    parentNode.parentNode.cells[0].innerHTML += " sometext";

ДЕМО

person Selvakumar Arumugam    schedule 27.02.2012