操作 DOM 节点

为什么80%的码农都做不了架构师？>>>   

更新 DOM 元素

在 Console 中使用下列代码将 OSChina 标题改变

ts = document.getElementsByTagName('title')
ts.innerHTML = '<title>Update DOM</title>'

插入 DOM 元素

将下面的语言按照首字母排序。

<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>

var list = document.getElementById('test-list')
var listSize = list.children.length;
var i, j;
for (i = 0; i<listSize; i++) {
for (j = i + 1; j < listSize; j++) {
    if (list.children[i].innerText[0] > list.children[j].innerText[0])
    {
        list.insertBefore(list.children[j], list.children[i]);
    }
    }
}

当然效率更高的方法是调用 sort 函数。这里主要演示怎么在 DOM 中插入元素。

转载于:https://my.oschina.net/lvyi/blog/636314