JavaScript,获取带有id名称的td的值

时间:2010-02-22 10:13:18

标签: javascript

最初我使用带有id的输入并使用getElementById获取它的值。目前,我正在玩<td> s。如何获取<td>

的值

最初我用过:

<input id="hello">
document.getElementById("hello").value;

现在我希望获得<td>的价值,但我不知道如何;

<td id="test">Chicken</td>
<td>Cow</td>

修改textContentinnerHTMLinnerText之间的区别是什么?

8 个答案:

答案 0 :(得分:82)

获取文字内容

document.getElementById ( "tdid" ).innerText

document.getElementById ( "tdid" ).textContent

var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerText | tdElem.textContent;

如果您可以使用jQuery,那么您可以使用

$("#tdid").text();

获取HTML内容

var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerHTML;
中的

$("#tdid").html();

答案 1 :(得分:8)

使用

innerHTML 

属性并一如既往地使用td访问getElementById()

答案 2 :(得分:4)

再次使用getElementById,而是.value,使用.innerText

<td id="test">Chicken</td>
document.getElementById('test').innerText; //the value of this will be 'Chicken'

答案 3 :(得分:2)

如果按'td value'表示文本在td内,则:

document.getElementById('td-id').innerHTML

答案 4 :(得分:2)

对于输入,您必须使用value来获取其文本,但对于td,您应该使用innerHTML来获取其html /值。例如:

alert(document.getElementById("td_id_here").innerHTML);

要获取其文本,请使用:

alert(document.getElementById("td_id_here").innerText);

答案 5 :(得分:0)

您是否尝试过:getElementbyId('ID_OF_ID').innerHTML

答案 6 :(得分:0)

如果我点击表名,则显示关于表的所有字段。我做了表格显示。但我需要知道点击功能。

我的代码:

$sql = "SHOW tables from database_name where tables_in_databasename not like '%tablename' and tables_in_databasename not like '%tablename%'";


$result=mysqli_query($cons,$sql);

$count = 0;

$array = array();

while ($row = mysqli_fetch_assoc($result)) {

    $count++;

    $tbody_txt .= '<tr>';

    foreach ($row as $key => $value) {
        if($count  == '1') {
            $thead_txt .='<td>'.$key.'</td>';
        }
        $tbody_txt .='<td>'.$value.'</td>';


        $array[$key][] = $value;
    }
}?>

答案 7 :(得分:-1)

.innerText在Firefox中不起作用。

.innerHTML适用于两种浏览器。