Сортировать с использованием innerHTML что-то не так?
Я использовал sorttable.js для сортировки моей таблицы. Но теперь я использую кнопку, чтобы добавить innerHTML в моей таблице и в таблице сортировки считываются ее первые данные, поэтому вторые данные, которые я вставил в нее, не могут их прочитать. (Я щелкаю по баннеру первый раз, нажимаю кнопку TEST и щелкаю по тому же баннеру, он сортируется как его первые данные, которые он прочитал).
Это мой код:
<html>
<head>
<script src="http://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>
<script>
function test1(){
document.getElementById("fresh").innerHTML ="33";
document.getElementById("fresh2").innerHTML ="44";
document.getElementById("fresh3").innerHTML ="55";
document.getElementById("fresh4").innerHTML ="99";
}
</script>
<head>
<body>
<button onclick="test1()">TEST</button>
<div id="mainNav">
<table id="mytable" class="sortable" border="2">
<tr>
<th><input type="checkbox" name="list2" id="all" /></th>
<th>CarId</th>
<th>Speed</th>
<th>State</th>
</tr>
<tr>
<th id="fresh">1</th>
<th id="fresh2">2</th>
<th id="fresh3">3</th>
<th id="fresh4">4</th>
</tr>
<tr>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
</tr>
<tr>
<th>23</th>
<th>34</th>
<th>45</th>
<th>53</th>
</tr>
</table>
</div>
</body>
</html>