dojo 的DOM操作 dojo/dom
来源:互联网 发布:淘宝怎样延迟久点收货 编辑:程序博客网 时间:2024/05/01 22:37
对dom的使用,需要引用包dojo/dom。
1.获取节点,dom.byId
byId中既可以传递一个字符串,也可以传递一个节点对象
1.获取节点,dom.byId
byId中既可以传递一个字符串,也可以传递一个节点对象
require([
"dojo/dom"
,
"dojo/domReady!"
],
function
(dom) {
function
setText(node, text){
node = dom.byId(node);//通过已有对象
node.innerHTML = text;
}
var
one = dom.byId(
"one"
);//通过字符串
setText(one,
"One has been set"
);
setText(
"two"
,
"Two has been set as well"
);
});
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>Demo: DOM Functions</
title
>
<
script
src
=
"//ajax.googleapis.com/ajax/libs/dojo/1.7.8/dojo/dojo.js"
data-dojo-config
=
"async: true"
>
</script>
<script>
require([
"dojo/domReady!"
],
function
() {
});
</script>
</
head
>
<
body
>
<
ul
id
=
"list"
>
<
li
id
=
"one"
>One</
li
>
<
li
id
=
"two"
>Two</
li
>
<
li
id
=
"three"
>Three</
li
>
<
li
id
=
"four"
>Four</
li
>
<
li
id
=
"five"
>Five</
li
>
</
ul
>
</
body
>
</
html
>
// Require the DOM resource
require([
"dojo/dom"
,
"dojo/domReady!"
],
function
(dom) {
function
setText(node, text){
node = dom.byId(node);
node.innerHTML = text;
}
var
one = dom.byId(
"one"
);
setText(one,
"One has been set"
);
setText(
"two"
,
"Two has been set as well"
);
});
The arguments to domConstruct.create
are as follows: node name as a string, properties of the node as an object, an optional parent or sibling node, and an optional position in reference to the parent or sibling node (which defaults to "last").It returns the new DOM element node. Let's take a look at an example:
require([
"dojo/dom"
,
"dojo/dom-construct"
,
"dojo/domReady!"
],
function
(dom, domConstruct) {
var
list = dom.byId(
"list"
),
three = dom.byId(
"three"
);
domConstruct.create(
"li"
, {
innerHTML:
"Six"
}, list);
domConstruct.create(
"li"
, {
innerHTML:
"Seven"
,
className:
"seven"
,
style: {
fontWeight:
"bold"
}
}, list);
domConstruct.create(
"li"
, {
innerHTML:
"Three and a half"
}, three,
"after"
);
});
阅读全文
0 0
- dojo 的DOM操作 dojo/dom
- Dojo入门:DOM操作
- dojo dom操作
- dojo DOM
- DOJO(二) 基本DOM操作
- dojo/dom-attr的用法
- dojo中的dojo/dom-construct
- dojo中的dojo/dom-class
- dojo中的dojo/dom-style
- dojo中的dojo/dom-attr
- js,jquery和dojo操作dom
- (6)Dojo学习之DOM操作
- Dom operation in Dojo
- dojo之Dom工具
- dojo dom-form模块
- dojo/dom-class用法
- dojo/dom源码学习
- Dojo DOM 函数
- 系统启动(grub--centos5)
- Ubuntu下添加开机启动项的
- 百度地图js 自定义背景图片
- SQLAlchemy 插入 性能 速度 比较
- 数据结构——栈——C++实现栈及其操作
- dojo 的DOM操作 dojo/dom
- 数据库范式
- Microsoft IIS FTP Service CVE-2012-2532 Remote Command Injection Vulnerability
- linux下socket通信,server和client简单例子
- L-LSP和E-LSP介绍
- js有哪些内置对象????
- 盒图介绍
- javascript表单(正则表达式)验证大全
- IOS推送证书设置