Javascript получает текстовое значение столбца из определенной строки таблицы html

Таким образом, пользователь нажимает на строку таблицы, и я хочу получить (в javascript) innerhtml, пусть скажет 3d столбец этой строки.

что-то вроде:

document.getElementById("tblBlah").rows[i].columns[j].innerHTML

не кажется достижимым, и я не могу найти ничего здесь или в сети.

Любые решения были бы очень оценены (NO jquery) Спасибо заранее!

Ответы

Ответ 1

document.getElementById("tblBlah").rows[i].columns[j].innerHTML;

Должно быть:

document.getElementById("tblBlah").rows[i].cells[j].innerHTML;

Но я получаю отчетливое впечатление, что строка/ячейка, в которой вы нуждаетесь, - это тот, который нажал пользователь. Если это так, самым простым способом добиться этого было бы присоединение события к ячейкам в вашей таблице:

function alertInnerHTML(e)
{
    e = e || window.event;//IE
    alert(this.innerHTML);
}

var theTbl = document.getElementById('tblBlah');
for(var i=0;i<theTbl.length;i++)
{
    for(var j=0;j<theTbl.rows[i].cells.length;j++)
    {
        theTbl.rows[i].cells[j].onclick = alertInnerHTML;
    }
}

Это делает все ячейки таблицы доступными и предупреждает об этом innerHTML. Объект события будет передан функции alertInnerHTML, в которой объект this будет ссылкой на ячейку, на которую была нажата кнопка. Объект события предлагает вам тонкие трюки о том, как вы хотите, чтобы событие нажатия отображалось, если, скажем, есть ссылка в ячейке, которая была нажата, но я предлагаю проверить MDN и MSDN (для объекта window.event)