I'm wondering how can I get the value of an input in a specific table cell using javascript?
<td><input type="text"/></td>
I assume getting the innerHTML of a specific cell is quite simple, for example:
var x = document.getElementById("tabela").rows[2].cells[3].innerHTML
but this gives me just the input without it's value. Adding .value to the end of the line doesn't work. I would appreciate your help!
If you don't have any id on the element you are after, then you could get the first child of the td by:
var x = document.getElementById("tabela").rows[n].cells[n].children[0].value;
Or if you want the first child to be specific to input then:
var x = document.getElementById("tabela").rows[n].cells[n].getElementsByTagName('input')[0].value;
You could use firstChild.value like this:
var x = document.getElementById("tabela").rows[2].cells[3].firstChild.value;
If you can provide id to your input element,
HTML
<td><input type="text" id="text1"/></td>
JS
var x = document.getElementById("text1").value;
You can use querySelector() DOM method:
document.querySelector('#tabela tr:nth-child(2) td:nth-child(3) > input').value
classoridattribute to your input field?var x = document.getElementById("tabela").rows[2].cells[3].getElementsByTagName('input')[0].valueinnerHTMLwould give you the input tag. But to actually get its value, you need to access, the tag itself - there are answers on this page that show how to do that. Getting the HTML for it is not useful, as you are better of getting the DOM node and manipulate that.