サイト制作時にHTMLタグの番号付きリスト<ol>で一覧を作成していたときのこと
お客様からこんな要望が・・・
「降順じゃないと困りますよ・・・」
え。
あ、確かに頂いた原稿は降順だ・・・
しかし、この先まだ項目数は増えるわけで・・・
お客様に項番振りなおしてください・・・というわけにもいかず（第一自分たちが修正するのも面倒くさい）
必要に迫られインターネット検索しまくって実現させました。
こんな感じで降順にしちゃえます。
ソースは・・・こんな感じ
JavaScriptで<ol>の順番を降順にしちゃう方法
<div>
<form>
<script type=”text/javascript”>
function kojun(){
var self = this;
self.ul = document.getElementById(“contentlist1”);
var lisTag = self.ul.getElementsByTagName(“li”);
var lisNode = self.ul.childNodes;
alert(“getElementsByTagNameでの結果：” + lisTag.length);
alert(“childNodesでの結果：” + lisNode.length);
// ブラウザ依存部分是正
var max = lisTag.length;
var interval = 1;
if (lisTag.length < lisNode.length) {
interval = 2;
max = max * 2;
}
for(var i = 0;i < max ;i ++)
{
this.ul.childNodes[i].value = (max – i + (max – i) % interval) / interval;
// alert(this.ul.childNodes[i].value);
//子ノード<li>の i 番目に、(最大番号- i )を代入する。結果は、番号が降順になる。
}
}
</script>
<ol id=”contentlist1″ onclick=”alert(this.childNodes.length)”>
<li>これが１</li>
<li>これは２</li>
<li>これは３</li>
<li>これは４・・・だよ</li>
<li>これ５ね</li>
<li>これ６です。</li>
<li>これは７</li>
<li>これは８</li>
<li>でもこれは９</li>
<li>しかしながら１０</li>
<li>かくかくしかじか１１</li>
<li>でも１２</li>
<li>恐れ入りますが１３</li>
<li>なぜか１４</li>
<li>おどろくべきことに１５</li>
<li>ここは１６</li>
</ol>
<input type=”button” value=”降順にしちゃう！” onclick=”javascript:kojun();”>
</form>
</div>
参考まで～～
おもしろい