`
wutao33543
  • 浏览: 65078 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Prototype实战教程----10.Element

阅读更多
<html><head><script src="prototype.js"></script> 
    <script>   
           function testRemove()
          {
              Element.remove("mydiv3");
              }
              function testReplace()
              {
                  Element.replace("myDiv2",'<img src="200607061129268fc45.jpg">');
                  }
                 </script>
    </head>
    <body>
         <div id="myDiv">        2002    </div> 
         <div id="myDiv1">        2003    </div> 
         <div id="myDiv2">        2004    </div> 
         <div id="myDiv3">        将被删除的部分    </div> 
         <div id="myDiv4">        2006    </div> 
         <div id="myDiv5">        2007    </div> 
         <div id="myDiv6">        2008    </div> 
         <hr>
             <input type="button" value='removeTest' onclick="return testRemove();"/><br>
                 <input type="button" value='testReplace' onclick="return testReplace();"/><br>
         </body>
         
         
         </html>
分享到:
评论

相关推荐

    prototype.js.cn.doc.rar

    3. **Element对象**:Prototype.js强化了DOM元素的操作,如`Element.hide()`、`Element.show()`控制元素的显示隐藏,`Element.update()`用于替换元素内容。 三、Prototype.js实战应用 1. **模块化开发**:...

    Apress.Practical.Prototype.and.script.aculo.us.Jun.2008.pdf

    - **元素操作**:包括添加、删除、修改DOM元素的方法,如`Element.insert()`、`Element.remove()`等。 - **事件处理**:学习如何绑定和解除事件监听器,以及使用事件代理模式优化性能。 3. **AJAX编程**: - **...

    .prototype.and.scriptaculous.taking.the.pain.out.of.javascript

    总的来说,《.prototype.and.scriptaculous.taking.the.pain.out.of.javascript》是一本帮助开发者掌握Prototype和Scriptaculous的实用教程,通过学习,你可以利用这两个库提升网站的动态性和用户体验,同时降低...

    prototype.js1.4版开发者手册

    ### Prototype.js 1.4版开发者手册核心知识点详解 #### 一、Prototype.js简介与特点 **Prototype.js** 是一个非常优雅的 JavaScript 基础类库,它为 JavaScript 提供了大量的扩展,并且很好地支持 Ajax 技术。该类...

    vue3+elementplus前端项目整合

    npm install vue@next element-plus axios # 或者 yarn add vue@next element-plus axios ``` 接下来,在Vue3的main.js文件中,我们需要导入并使用这些库: ```javascript import Vue from 'vue'; import App from...

    Ajax实战:Prototype与Scriptaculous篇pdf

    **Ajax实战:Prototype与Scriptaculous篇** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,...

    PROTOTYPE 官方+个人整理的帮助文档

    6. **实战示例**:通过实际代码示例,学习如何在项目中有效应用Prototype,提升开发效率。 这份文档应该是新学习Prototype的开发者的一份宝贵资源,通过系统阅读和实践,可以帮助他们快速上手并精通Prototype库的...

    prototype源码与API

    Prototype JavaScript 框架是早期 Web 开发中广泛使用的库,它为 JavaScript 提供了许多实用的功能,增强了原生对象,并简化了 DOM 操作。本文将深入探讨 Prototype 的源码和 API,帮助你更好地理解这个框架的工作...

    最新Prototype手册

    学习Prototype.js,可以参考官方文档,查阅各种教程和示例代码,同时,Stack Overflow 和其他开发者论坛是获取帮助和分享经验的好地方。社区的存在使得解决遇到的问题变得更加容易。 总结,"最新Prototype手册"是...

    prototype从入门到精通

    三、Prototype实战技巧 1. **模块化开发**:Prototype支持模块化开发,通过`Object.extend()`和`Class.include()`等方法,可以实现代码的模块化组织,提高代码复用性和可维护性。 2. **性能优化**:理解Prototype...

    prototypejs

    2. **DOM操作**:PrototypeJS提供了一系列便捷的DOM操作方法,如`Element.extend()`、`$$()`选择器函数(类似jQuery的 `$`)以及`Element.hide()`、`Element.show()`等,简化了元素的查找和操作。 3. **Ajax支持**...

    《prototype1.4完全攻略》

    通过阅读《Prototype 1.4 完全攻略》的PDF文档,你可以详细了解到这些特性的具体用法和实战技巧。同时,文档可能还涵盖了如何解决常见问题、性能优化建议以及与其他库的集成策略等内容。 在学习过程中,配合压缩包...

    mootools中文帮助文档

    这个“mootools中文帮助文档”提供了全面的指南和教程,帮助开发者理解和应用MooTools的各种功能。 1. **MooTools的基本概念** - **模块化编程**:MooTools的核心设计理念是模块化,允许开发者按需引入所需的功能...

    ajax.request和ajax.periodicalupdate用法讲解

    在JavaScript的世界里,Prototype是一个非常著名的库,它扩展了JavaScript的核心功能,并提供了强大的对象操作工具以及丰富的Ajax功能。本文将详细讲解Prototype库中的两个关键Ajax方法:`Ajax.Request`和`Ajax....

    Vue $mount实战之实现消息弹窗组件

    在这个实战中,我们将探讨如何实现类似 Element-UI 的 Message 弹窗组件,理解其背后的原理,并解决几个关键问题。 1. **如何在任何组件中使用 `this.$message` 显示消息?** 这种全局方法的实现通常依赖于 Vue 的...

    JavaScript 学习笔记

    原型链是JavaScript实现继承的方式,每个对象都有一个[[Prototype]]链接到另一个对象。异步编程解决了JavaScript单线程模型下阻塞问题,使得程序可以同时处理多个任务。 **实战项目** 理论学习后,实践项目能巩固所...

    jquery开发

    1.1 jQuery选择器:jQuery提供了丰富的选择器,如ID选择器(#id),类选择器(.class)和元素选择器(element),以及组合选择器和属性选择器,使我们能更高效地选取DOM元素。 1.2 DOM操作:jQuery提供了便利的方法来操作...

    js源码以及示范演示

    2. 修改元素:可以改变元素的属性、文本内容、CSS样式等,例如`element.innerHTML`、`element.style.property`。 3. 事件处理:通过`addEventListener`和`removeEventListener`来绑定和移除事件监听器,响应用户的...

Global site tag (gtag.js) - Google Analytics