在 Javascript 中获取文本框的值

我有这个html代码：

<table border="" cellpadding="3" cellspacing="0" id="mytable">

<tbody><tr><td>Song:</td> <td><input type="text" name="song" maxlength="64" size="48" /> </td></tr>
<tr><td>Artist:</td> <td><input type="text" name="artist" maxlength="16" size="48" /> </td></tr>

如何获取“歌曲”和“艺术家”的值？我努力了：

var elTableCells = mytable.getElementsByTagName("td");
alert(elTableCells[2].value);
alert(elTableCells[4].value);

但即使文本框中有文本，我仍然得到“未定义”

First, td元素没有value属性，所以调用.value对他们不会有任何作用。其次，这个值实际上是在input元素，所以你需要做mytable.getElementsByTagName('input')反而。更好的是给你的输入字段 id，然后使用getElementById。这意味着您可以在不破坏 JS 的情况下更改 HTML。