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

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

prototypeJava 
阅读更多 
<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实战教程----9.Array
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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`来绑定和移除事件监听器，响应用户的...

Magicbox
Global site tag (gtag.js) - Google Analytics