Dojo入门：DOM操作

 

作为一款功能齐全的js工具包，dojo提供了统一的DOM操作方法。

dojo.byId

dojo.byId 函数使您可以通过 id 属性选择一个 DOM 节点。该函数是标准 document.getElementById 函数的一个别名，但是显然简短易书写。

dojo.query

虽然dojo.byId可以方便的根据id来获取一个DOM节点，但是根据id获取每一个元素几乎是不可能的，因为id是唯一标识。如果一次想获取几个元素，我们可以通过dojo.query方法。

dojo.query 函数接受一个字符串参数，使用一个 CSS3 选择器引用您想选择的元素。这种操作方式很像jquery对DOM的操作。如果我们想获取页面中的某一个class的所有元素，只需要使用以下代码：

dojo.query(".class")

这个方法将返回一个NodeList，我们可以通过遍历这个list来操作每一个元素。

dojo.body

dojo.body方法返回document的body元素

dojo.create

dojo.create方法创建一个元素

dojo.destroy

dojo.destroy方法会从父元素中删除该元素，并删掉该元素的所有子元素

dojo.empty

dojo.empty方法将删除掉所有子元素

dojo.forEach

dojo.forEach方法允许为数组或NodeList定义一个迭代器，来访问数组或NodeList中的每一项，并提供相应的操作。

这个方法会忽略返回值，并且是不支持break的。

还有很多其它有用的方法，可以在http://dojotoolkit.org/api/ 查看

如果认为此文对您有帮助，别忘了支持一下哦！

声明：本博客原创文字只代表本人工作中在某一时间内总结的观点或结论，与本人所在单位没有直接利益关系。转载时请在文章页面明显位置给出原文链接。