删除与替换DIV

最新推荐文章于 2023-04-29 11:31:36 发布

原创最新推荐文章于 2023-04-29 11:31:36 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#div #function #button #action #input

本文介绍了一种使用Ajax技术在不重新加载整个页面的情况下更新网页上特定部分（div元素）的方法。通过JavaScript实现按钮点击事件，进而触发Ajax请求并替换指定div的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Element.remove('DIVID')

Element.replace('DIVID','待替换内容');

<form method="post" action="http://192.168.0.109:8888/magento/greeting.php" id="test-form" name="test-form"> <div id="div1"> <label for="name">Enter your name:</label> <input id="username" name="username" type="text" /> <input id="password" name="password" type="text" /> <input id="testbutton" name="testbutton" type="button" value="testbutton" > </div> <div id="divResult" ></div> </form>

Ajax.js

Event.observe(window, 'load', init, false); function init(){ Event.observe('testbutton', 'click', replaceDiv1); } function replaceDiv1(){ Element.remove('divResult');//删除层 Element.replace('divResult','abc');//替换层的内容 }