练习

    对于一个已有的HTML结构:

    • Scheme
    • JavaScript
    • Python
    • Ruby
    • Haskell
    <!— HTML结构 —>

    <ol id="test-list">

    <li class="lang">Scheme</li>

    <li class="lang">JavaScript</li>

    <li class="lang">Python</li>

    <li class="lang">Ruby</li>

    <li class="lang">Haskell</li>

    </ol>

    按字符串顺序重新排序DOM节点:

    'use strict';



    // sort list:



    // 测试:

    ;(function () {

    var

    arr, i,

    t = document.getElementById('test-list');

    if (t && t.children && t.children.length === 5) {

    arr = [];

    for (i=0; i<t.children.length; i++) {

    arr.push(t.children[i].innerText);

    }

    if (arr.toString() === ['Haskell', 'JavaScript', 'Python', 'Ruby', 'Scheme'].toString()) {

    alert('测试通过!');

    }

    else {

    alert('测试失败: ' + arr.toString());

    }

    }

    else {

    alert('测试失败!');

    }

    })();