• document.createElement(nodename) ——通过指定名称创建一个元素

    • document.createTextNode(text)——创建文本节点

    • element.setAttribute(attributename,attributevalue)——添加指定的属性，并为其赋指定的值

    • appendChild() ——向节点的子节点列表的末尾添加新的子节点

    • hasOwnProperty()——返回一个布尔值，指示对象自身属性中是否具有指定的属性
      该方法会忽略掉那些从原型链上继承到的属性。

    标签的 target 属性规定在何处打开链接文档。
    target：

    • _blank — 在新窗口中打开被链接文档

    • _self — 默认。在相同的框架中打开被链接文档。

    • _parent — 在父框架集中打开被链接文档。

    • _top — 在整个窗口中打开被链接文档。

    • framename — 在指定的框架中打开被链接文档

    1. // 创建构造器
    2. var MYAPP = {};
    3. MYAPP.dom = {};
    4. MYAPP.dom.Element = function (type, properties) {
    5.     // 创建DOM元素
    6.     var tmp = document.createElement(type);
    7.     // 为DOM元素添加属性
    8.     for (var i in properties) {
    9.         // 判断是否为自身属性
    10.         if (properties.hasOwnProperty(i)){
    11.             tmp.setAttribute(i, properties[i]);
    12.         }
    13.     }
    14.     return tmp;
    15. }
    17. // 创建文本
    18. MYAPP.dom.Text = function (txt) {
    19.     return document.createTextNode(txt);
    20. }
    22. // 使用构造器
    23. var link = new MYAPP.dom.Element('a', {href: 'www.baidu.com', target: '_blank'});
    24. var text = new MYAPP.dom.Text('click me');
    25. link.appendChild(text);
    26. document.body.appendChild(link);
    28. // <a href="www.baidu.com" target="_blank">click me</a>