4-dojo/dom-attr 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script src="dojoTools/dojo/dojo.js.uncompressed.js"></script>
    <script>
        require(["dojo/on","dojo/dom", "dojo/dom-construct", "dojo/dom-attr", "dojo/domReady!"], function (on,dom, domContruct, domAttr) {
            var div = domContruct.toDom("<div><h3>particular:详细说明;特别的,详细的,独有的</h3></div>");
            var output = "";
            if (domAttr.has("model", "name")) {
                output += "Node model has attribute name<br/>";
            } else {
                output += "Node model has not attribute name<br/>";
            }
            if (domAttr.has('model', "baz")) {
                output += "Node model has attribute baz</br>";
            }
            if (domAttr.has("model", "foo")) {
                output+="Node model has attribute foo<br/>"
            } else {
                output+="Node model has not attribute foo<br/>"
            }

            dom.byId("output").innerHTML = output;
            on(dom.byId("btn"), "click", function () {
                var baz = domAttr.get("model", "baz");
                alert(baz);
            });
            on(dom.byId("btnSet"), "click", function () {
                domAttr.set("model","baz","directly assigned:立刻分配实施")
            });
            //移除以后属性还在,但是值为null..
            on(dom.byId("btnRemove"), "click", function () {
                domAttr.remove("model", "baz");
            });
           
        });
    </script>
</head>
<body>
    <button id="btn">truthy:falsy</button>
    <button id="btnSet">domAttr.set()方法</button>
    <button id="btnRemove">domAttr.remove()方法</button>
    <input id="model" name="model" type="text" baz="foo"/>
    <div id="output"></div>
</body>
</html>

　　

posted on 2016-12-13 11:12  努力的活着_在人间  阅读(168)  评论(0)    收藏  举报

导航