Comment utiliser une variable JavaScript dans une disposition de table?

Ceci est mon code:Comment utiliser une variable JavaScript dans une disposition de table?

<html> 
<script type="text/javascript"> 
    var data1 = "$100"; 
    var data2 = "$80"; 
</script> 
<body> 

<table> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
</table> 

</body> 
</html>

Je dois remplacer 100 & $ 80 $ avec JavaScript variable data1 & données2

Comment faire?

Source

2012-03-27 Coder_sLaY

qu'entendez-vous par Ecraser? passer entre '100 $' et '80 $'? – gdoron

Non, il suffit de faire usage de variables :) –

Si vous attribuez id s aux cellules que vous voulez

<td id="data1">$100</td> 

<td id="data2">$80</td>

Vous pouvez définir leur valeur en Javascript comme ceci

document.getElementById("data1").innerHTML = data1; 
document.getElementById("data2").innerHTML = data2;

You can see this in action on jsFiddle.

Source

2012-03-27 13:07:25

Si je vous comprends bien, et vous voulez remplacer entre 100$ et 80$:

var data1 = "$100"; 
var data2 = "$80"; 

var elements = document.getElementsByTagName('td'); 

for (var i = 0; i < elements.length; i++) { 
    console.log(elements[i]); 
    if (elements[i].innerHTML == data1) 
     elements[i].innerHTML = data2; 
    else if (elements[i].innerHTML == data2) 
     elements[i].innerHTML = data1; 
}

LIVE DEMO

Source

2012-03-27 13:07:05 gdoron

<html> 
<script type="text/javascript"> 
    var data1 = "$100"; 
    var data2 = "$80"; 
</script> 
<body> 

<table> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td onload="this.textContent=data1;"></td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td onload="this.textContent=data2;"></td> 
    </tr> 
</table> 

</body> 
</html>

HTML5 n'a pas d'options de liaison de données explicites, mais a Data- balises pour insérer des métadonnées à des éléments DOM. More info

Si vous avez besoin d'un moyen de lier vos données plus sensibles, vous pouvez essayer this post

Source

2012-03-27 13:14:16

Comment utiliser une variable JavaScript dans une disposition de table?

Répondre

Questions connexes