createElement()

功能

创建一个元素并在其上设置属性。

语法

noder.createElement(tag,props)

参数

  • tag
    用于创建元素的标记名称
  • props
    在新创建的元素上设置属性的对象哈希

范例

Example: 点击按钮添加文本为 world 的 p 元素在 div 元素中。

<!DOCTYPE html>
<html>

<head>
    <style>
    div {border: 2px solid blue;}
    p { background: yellow; margin: 4px;}
    </style>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script>
    <script>
    require.config({
        baseUrl: "./",
        packages: [{
            name: "skylark",
            location: "../../../src/skylark"
        }, ]
    });
    </script>
</head>

<body>
    <button>Click</button>
    <div>Hello</div>
    <script>
    require(["skylark/query", "skylark/noder"], function($, noder) {
        $("button").on("click", function() {
            $("div").addContent(noder.createElement("p", {
                innerHTML: "world!"
            }));
        });
    });
    </script>
</body>

</html>