dojo.byId

最新推荐文章于 2021-02-28 03:51:00 发布

kinglino520

最新推荐文章于 2021-02-28 03:51:00 发布

阅读量8.5k

点赞数

分类专栏： dojo 文章标签： reference documentation string dojo properties object

本文链接：https://blog.csdn.net/kinglino520/article/details/4807593

版权

dojo 专栏收录该内容

2 篇文章

订阅专栏

dojo.byId

Status:	Draft
Version:	1.0
Available:	since V?

Contents

Examples

This is a simple alias to ''document.getElementById'', which not only is shorter to write, but fortunately works in all browsers. It turns a domNode reference to some Node byId, or the same node reference if passed a domNode.

1 2	// fetch a node by id="someNode" var node = dojo . byId ( "someNode" );

The node variable is just a native domNode, with properties you can manipulate. The most common, ''innerHTML'':

1 2	// set some node to say "Hello World" dojo . byId ( "someNode" ). innerHTML = "Hello World" ;

If you pass byId a domNode reference, the same node is returned:

var
 node
 =
 dojo
.
byId
(
"someNode"
);


var
 other
 =
 dojo
.
byId
(
node
);


console
.
log
(
node
 ==
 other
);


>>>
 true

If you pass dojo.byId a string, and no domNode is found to match, ''undefined'' or the null object is returned (depending on the browser), which is adequate truthiness to use conditionally:

var
 node
 =
 dojo
.
byId
(
"fooBar"
);


if
(
node
){


  node
.
innerHTML
 =
 "I was found!"
;


}
else
{


  console
.
log
(
"no node with id='fooBar' found!"
);


}

Most (if not all) functions in Dojo accept either a string or DomNode as a parameter. If passed a string, the function typically calls dojo.byId(), ensuring a domNode is always the object. For instance:

dojo
.
style
(
dojo
.
byId
(
"foo"
)
,
 "opacity"
,
 0.5
);


// is identical to:


dojo
.
style
(
"foo"
,
 "opacity"
,
 0.5
);

The latter is preferred, as the call to dojo.byId is made in both cases. The passing of a string ID is consistent throughout the Dojo Toolkit.

JavaScript has a fun convention for conditionals inline. Imagine wanting a domNode reference, and if not present, default to some other node:

var
 othernode
 =
 dojo
.
byId
(
"fallbackNode"
);


var
 node
 =
 dojo
.
byId
(
"missingNode"
)
 ||
 othernode
;


node
.
innerHTML
 =
 "Which one?"
;