JavaScript, obtenir la valeur d'un td avec le nom de l'id

L'origine, j'étais en utilisant l'entrée avec une pièce d'identité et saisir la valeur avec getElementById. Actuellement, je suis en train de jouer avec <td>s. Comment puis-je récupérer les valeurs de la <td>?

À l'origine, j'ai utilisé:

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

Maintenant, je veux obtenir la valeur de <td>, mais je ne sais pas comment;

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

Edit: Quelle est la différence entre textContent, innerHTML, et innerText?

InformationsquelleAutor Strawberry | 2010-02-22

javascript

82

Pour obtenir le contenu du texte
```
document.getElementById ( "tdid" ).innerText
```
ou
```
document.getElementById ( "tdid" ).textContent

var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerText | tdElem.textContent;
```
Si vous pouvez utiliser jQuery, vous pouvez utiliser
```
$("#tdid").text();
```
Pour obtenir le contenu HTML
```
var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerHTML;
```
en jQuery
```
$("#tdid").html();
```
- Intéressant. Les conditions dans lesquelles est textContent le meilleur choix?
- innerText n'est pas pris en charge dans FF.
- renvoie une version du texte similaire à ce serait show sur l'écran (y compris les nouvelles lignes et d'espacement). textContent obtient exactement ce qui est entre le début et la balise de fin (y compris les tabulations et des espaces) avec toutes les balises enfants enlevés (même si leur texte est également inclus). En général, vous devez toujours utiliser textContent pour éviter les problèmes de compatibilité avec les FF.
InformationsquelleAutor rahul
8

utiliser le
```
innerHTML 
```
de la propriété et de l'accès à la td à l'aide de getElementById() comme toujours.

InformationsquelleAutor Pekka 웃
4

À nouveau avec getElementById, mais au lieu de cela .valeur, utiliser .innerText
```
<td id="test">Chicken</td>
document.getElementById('test').innerText; //the value of this will be 'Chicken'
```
InformationsquelleAutor anthares
2

Si par 'td valeur' vous voulez dire le texte à l'intérieur de td, puis:
```
document.getElementById('td-id').innerHTML
```
- Est-il censé avoir un trait d'union?
- Non, c'est juste un exemple. Vous avez besoin de mettre votre ID de là.
InformationsquelleAutor Qwerty
2

Pour l'entrée, vous devez avoir utilisé value pour saisir son texte, mais pour les td, vous devez utiliser innerHTML pour obtenir son html/valeur. Exemple:
```
alert(document.getElementById("td_id_here").innerHTML);
```
Pour obtenir son texte, utilisez alors:
```
alert(document.getElementById("td_id_here").innerText);
```
InformationsquelleAutor Sarfraz
0

Avez-vous essayé: getElementbyId('ID_OF_ID').innerHTML?

InformationsquelleAutor Select0r

si je clique sur le nom de la table de sa montre tous les champs de la table. j'ai fait des champs de la table de salon. mais j'ai besoin de savoir, cliquez sur la fonction.

Mon Code:

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

InformationsquelleAutor Naveen Y

-1

.innerText ne fonctionne pas dans Firefox.

.innerHTML fonctionne dans les deux navigateurs.

InformationsquelleAutor Vipin

Vous devez vous connecter pour publier un commentaire.