JavaScript, получение значения td с идентификатором

Первоначально я использовал ввод с идентификатором и хватал его значение с помощью getElementById. В настоящее время я играю с <td> s. Как я могу захватить значения <td>?

Первоначально я использовал:

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

Теперь я хочу получить значение <td>, но я не знаю, как:

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

Изменить: Какая разница между textContent, innerHTML и innerText?

Ответы

Ответ 1

Чтобы получить текстовый контент

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;

в jQuery

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

Ответ 2

используйте

innerHTML

и доступ к td с помощью getElementById(), как всегда.

Ответ 3

Если по 'td value' вы имеете в виду текст внутри td, тогда:

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

Ответ 4

Снова с getElementById, но вместо .value, используйте .innerText

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

Ответ 5

Для ввода вы должны использовать value для захвата его текста, но для td вы должны использовать innerHTML для получения своего html/value. Пример:

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

Чтобы получить его текст, используйте:

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

Ответ 6

Вы пробовали: getElementbyId('ID_OF_ID').innerHTML?

Ответ 7

если я щелкнул имя таблицы, он показал все поля о таблице. Я сделал табличное поле для показа. но мне нужно знать функцию щелчка.

Мой код:

$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;
    }
}?>

Ответ 8

.innerText не работает в Firefox.

.innerHTML работает в обоих браузерах.