懶懶喵日記 » 簡化 document.createElement()

懶懶喵日記 » 簡化 document.createElement()

// 這是經過調整的 html 元素建立方式，以後每次要建立 html 元素時就呼叫它。
createEl = function(t, a, y, x) {
    var e = document.createElement(t);
    if (a) {
        for (var k in a) {
            if (k == ‘class’) e.className = a[k]; 
            else if (k == ‘id’) e.id = a[k]; 
            else e.setAttribute(k, a[k]); 
        } 
    }

    if (y) { for (var k in y) e.style[k] = y[k]; } 
    if (x) { e.appendChild(document.createTextNode(x)); } 
    return e;

}

// 現在我們開始使用 createEl 這個函式來達成與第一段程式碼相同的目的 
var newElement = createEl(‘div’, 
    {‘class’: ‘newDivClass’, id: ‘newDiv’, name: ‘newDivName’}, 
    {width: ‘300px’, height:‘200px’, margin:‘0 auto’, border:‘1px solid #DDD’}, 
    ‘這是存在於在新建立標籤 div 中的文字。’);