hogehoge foobar Blog Style Beta

Web,Mac,Linux,JavaScript,Perl,PHP,RegExp,Git,Vim,Redmineなど技術的なことのメモや、ちょっと便利そうなものの紹介をしています。

createElementを改良

createElementを改良して、タグ名とAttributeとして設定したい値をハッシュで受け取り、
設定する処理を作ってみました。

/***********************************************
 * Element生成 AttributeをHashで受け取り設定する
 ***********************************************/
var createElementAttribute = function(tagName, attrHash){
 var element = document.createElement(tagName);
 for (var h in attrHash) {
        element[h] = attrHash[h];
 }
 return element
};

/* id:'hogehoge' className:'foor' type:'button' value:'OK'のinput要素を生成 */
var btn = createElementAttribute('input', 
             {id: 'hogehoge',className: 'foor',type: 'button',value: 'OK'} 
          );