dojo.byId and dijit.byId

最新推荐文章于 2021-08-10 10:47:08 发布

原创最新推荐文章于 2021-08-10 10:47:08 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#attributes #string #extension #function #lisp #methods

JavaScript 专栏收录该内容

36 篇文章

订阅专栏

本文详细解释了Dojo框架中dojo.byId与dijit.byId的区别及使用场景。前者用于获取DOM节点，后者则用于获取Dijit小部件实例。文中通过示例对比了两种方法的不同之处。

dojo.byId(String id)

This function is a synonym for document.all.id in IE or document.getElementById(id) in standard DOM. So you can say:

dojo.byId("breadbox").style.fontSize = "72pt";

If document.getElementById() works in all modern browsers, why use this? Sadly, bugs persist in Internet Explorer which make getElementById() unstable in some common scenarios. Also, dojo.byId() is easier to type.

dijit.byId(String id)

Because of the almost-identical spelling, this method is commonly mixed up with dojo.byId(String id). Here's the difference: dijit.byId() returns a Dijit widget instance - technically, an instance of dijit._Widget or one of its subclasses like dijit.Toolbar or dijit.TreeNode.

So here's the way to remember it:

If you need a DOM Node, use dojo.byId. You need a DOM node anytime you call a standard browser function, change a standard property, etc.
If you need a widget, use dijit.byId. From it you can access all of the attributes, methods and extension points listed in Part 2.

Or for you who think in terms of functions (e.g. LISP programmers?):

var myDomNode = dojo.byId("foo");
var myWidget = dijit.byId("foo");
console.debug(myDomNode == myWidget.domNode);  // true
console.debug(dijit.byNode(myDomNode) == myWidget); // true