对于Dom( Document Object Model )的操作是浏览器器端JavaScript 要做的一个工作,dojo 提供了一些方便 精巧的方法,当我们需要来 扩充 、替换、增加 到html 当浏览器加载的时候,我们就可以利用这些 简便的、高效的、浏览器兼用的方法来实现这样的目的。
一.检索
下面我们来看一个例子:
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<title>Demo: DOM Functions</title>
<scriptsrc="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js"
data-dojo-config="async: true">
</script>
<script>
require(["dojo/domReady!"],function() {
});
</script>
</head>
<body>
<ulid="list">
<liid="one">One</li>
<liid="two">Two</li>
<liid="three">Three</li>
<liid="four">Four</li>
<liid="five">Five</li>
</ul>
</body>
</html>
dojo 的标签已经写好了,你要识别出 require 块
所有要操作的DOM的代码都要等到DOM加载完成之后才能执行。我们可能最先想要知道的是我们如何从文档对象模型中的道文档对象。最简单的方法就是通过 dojo/dom 资源的byId()方法 当我们传递 一个 id 给dom.byId() 方法 你将接收到相应的文档节点对象,如果找不到匹配的对象将返回null 值。
此方法和 document.getElementById 是等价的
但用byId 的好处是 :
1.他更短.
2.浏览器兼容性更好
3.当传递给给他的是一个文本对象的时候他将立即返回自身。
例如
// Require the DOM resource
require(["dojo/dom","dojo/domReady!"],function(dom) {
functionsetText(node, text){
node = dom.byId(node);
node.innerHTML = text;
}