`
默默的小熊
  • 浏览: 232906 次
社区版块
存档分类
最新评论

dojo.place

    博客分类:
  • dojo
 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript"
	djconfig="isDebug: false, parseOnLoad: true" src="dojo/dojo.js"></script>
<script src = "index.js"></script>
</head>
<body class="claro">
<ul id = "menu"></ul>
</body>
</html>
dojo.addOnLoad(function(){
	addNode();
});

function addNode(){
	var menu = dojo.byId("menu");
	var firstNode = dojo.place("< li>test1</li>", menu, "first");
	var secondNode = dojo.place("<li>test2</li>", firstNode, "after");
	var thirdNode = dojo.place("<li>test3</li>", secondNode, "after");
	
}

/*
dojo.place = function(node, refNode, position)
*********************用法*********************
参数名称:node
参数类型:String或DomNode
说明:要插入的节点 


参数名称:refNode
参数类型:String或DomNode
说明:准备要插入的节点的参考节点


参数名称:position或Number
说明:position可以是以下字符串
	* before
	* after
	* replace
	* only
	* first
	* last
before after比较常用, 表示要插入的节点做为参照节点的第一个孩子节点和最后一个孩子节点
first last也比较常用,表示要插入的节点和相对节点之间是兄弟关系

*/
  
分享到:
评论

相关推荐

    dojo1.6关于DOM相关操作的官方介绍

    4. **dojo.place**: 此函数用于在DOM树中插入新的元素。它可以接收一个节点或字符串作为内容,然后根据第二个参数(位置指示符)决定插入的位置,如"before", "after", "first", "last"等。 5. **dojo.create**: 这...

    dojo起步学习的好例子

    5. **DOM操作 (dojo.query and dojo.place)**:Dojo 提供了强大的DOM操作工具,如`dojo.query`可以像jQuery一样选择DOM元素,而`dojo.place`则可以方便地在文档中移动或插入元素。 6. **事件处理 (dojo.connect)**...

    dojo-0.9.0beta.zip

    3. **DOM操作**:Dojo提供了强大的DOM操作API,如dojo.query()用于选择元素,dojo.byId()获取指定ID的元素,以及dojo.place()用于元素插入。 4. **Ajax**:Dojo的dojo.xhr*系列函数(如dojo.xhrGet()和dojo.xhrPost...

    dojo对DOM树的操作相关api pdf格式

    dojo.place("foo", dojo.body(), "first"); ``` 通过这些简单的示例,我们可以看到`dojo.body()`函数如何方便地与其他Dojo提供的DOM操作函数结合使用,实现对网页元素的快速定位和操作。 #### 结论 `dojo.body...

    dojo-release-1.1.2-src

    2. **dojo.place**:用于在DOM树中插入、替换或移除元素,是Dojo提供的强大DOM操作工具之一。 四、Dojo数据与Ajax 1. **dojo.data**:Dojo的数据接口提供了一种抽象的方式来访问和操作各种数据源,包括XML、JSON等...

    DOJO 0.4.3

    DOJO 提供了强大的DOM操作工具,如`dojo.query`用于选择DOM元素,`dojo.place`用于元素定位,`dojo.destroy`用于删除元素等,大大简化了DOM操作。 10. **兼容性** DOJO 0.4.3版本考虑了不同浏览器的兼容性问题,...

    dojo0.9

    Dojo 提供了强大的 DOM 操作工具,如 dojo.query() 可以进行 CSS 选择器查询,dojo.place() 用于元素的插入和移动,还有 dojo.destroy() 用于删除元素等,使得DOM操作变得简单且高效。 6. **事件处理**: Dojo ...

    第一个基于DOJO1.0程序

    3. **DOJO DOM操作**:DOJO提供了一系列强大的DOM操作函数,比如`dojo.query`用于选择DOM元素,`dojo.create`用于创建新的元素,`dojo.place`用于插入元素等。 4. **DOJO事件处理**:DOJO提供了一套事件处理机制,...

    dojo-release-1.5.0原版【附简单的测试html 仅在火狐下测试过】

    此外,Dojo还包含了一个全面的DOM操作API,如`dojo.query`用于选择DOM元素,`dojo.place`用于插入或移动元素,`dojo.style`用于处理元素样式等。这些工具使得开发者无需直接操作DOM API,而是通过更高级、更安全的...

    学习dojo

    - **DOM操作**:Dojo提供了简便的DOM操作接口,如`dojo.query`用于选择元素,`dojo.place`用于插入元素等,简化了对HTML文档的操作。 - **事件处理**:Dojo封装了事件监听和处理,如`dojo.connect`用于事件绑定,`...

    dojo工具包,帮助你快速开发

    4. **DOM操作**:Dojo提供了一系列便捷的DOM操作方法,如`dojo.query`(类似jQuery的 `$` 函数)用于选择元素,`dojo.place`用于插入元素,以及`dojo.NodeList`用于链式操作。这些API使得DOM操作更加简洁高效。 5. ...

    dojo 1.3.2

    2. **DOM操作**:Dojo 提供了强大的DOM操作API,如`dojo.query`用于选择和操作DOM元素,以及`dojo.place`用于元素的插入和定位,使得DOM操作更加简便。 3. **事件处理**:Dojo的事件系统允许开发者方便地绑定和处理...

    实战Dojo工具包

    - `dojo.place`: 在页面中放置DOM元素。 - `dojo.destroy`: 删除DOM元素。 - **Dojo的HTML效果**:Dojo 内置了一套丰富的动画和视觉效果,可以轻松地添加到页面元素上。 - `dojo.fx.fadeOut`: 淡出效果。 - `...

    庖丁解牛demo

    2. **DOM操作**:Dojo提供了一系列方便的DOM操作API,如dojo.query和dojo.place,使得操作HTML元素更加简单。 3. **事件处理**:dojo.connect和dojo.disconnect函数可以方便地绑定和解绑事件,简化事件处理。 4. *...

    dojo enhancedGrid pagination 分页实现

    dojo.place(grid.domNode, "gridDiv", "first"); grid.startup(); ``` 为了实现分页过滤和排序,enhancedGrid提供了内置的过滤器和排序功能。用户可以通过点击列头进行排序,而过滤可以通过`setFilter`方法来设置。...

    dojo_ajax_support

    dojo.place(data, "contentDiv", "last"); }, error: function(error){ console.error("Error loading content: " + error); } }); ``` - **处理JSON数据**:当服务器返回JSON格式的数据时,可以通过设置`...

    geting started with dojo

    - `dojo.place`:用于放置节点。 - `dojo.style`:用于设置样式。 - `dojo.html`:用于操作 HTML 内容。 - **事件处理**: - 使用回调函数。 - 事件监听器的使用,例如 `dojo.connect`。 - **Dojo CSS 选择...

    qt-labs-graphics-dojo-master.tar.gz_GraphicsDojo Qt Labs_The Sho

    The Graphics Dojo is a place where we show off advanced and fancy graphics effects related to Qt and graphics. The source code for all the examples can be checked out with subversion: svn checkout ...

    Dojo Toolkit - ProgressBar test

    Dijit ProgressBar Tests. Test 1. Progress Value Max Progress Value. Test 2. Write here: Small, without text and background image: Show decimal place: Test 3 ...

    rtanque-dojo:走进道场

    Rtanque Battle Dojo,就是这样! Rtanque 是一个用 ruby​​ 构建的有趣且简单的坦克模拟器。 让我们尝试针对内置坦克机器人进行一些基本的 AI 编程。 安装: 克隆这个 repo 并运行 bundle! 生成一个新的坦克: ...

Global site tag (gtag.js) - Google Analytics