Dojo入门:DOM操作

风流意气都作罢 提交于 2019-11-29 01:45:01

 

 

作为一款功能齐全的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/ 查看

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

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

作为一款功能齐全的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/ 查看

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!