[Mootools] Simple tutorial of how to use domReady, DOM operation and Ajax in Mootools

使用MooTools进行DOM操作

最新推荐文章于 2020-07-30 18:21:43 发布

原创最新推荐文章于 2020-07-30 18:21:43 发布 · 673 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#mootools #ajax #dom #url #function

JavaScript_CSS 专栏收录该内容

36 篇文章

订阅专栏

本文介绍如何利用MooTools JavaScript库实现DOM元素的事件绑定及内容更新。通过具体的HTML示例展示了如何加载外部页面内容到指定元素，并更改元素的文本内容。此外还演示了如何为按钮绑定点击事件并输出预定义的消息。

<html>
	<head>
		<title>How to use mootools</title>
		<script type="text/javascript" src="lib/mootools.js"></script>
	</head>
	<body>
		<div id="content">test the event</div>
		<button id="btn">click me </button>
		<script type="text/javascript" src="js/mt.js"></script>
		<script type="text/javascript">
			var obj = "this is my message";
			window.addEvent('domready',function(){
				new Request.HTML({url:'index.html',method:'get',update:'content'});
				$('content').set('text',"change the inner html");
				$('btn').addEvent('click',function(){
					console.log(obj)
				});
			});
		</script>
	</body>
</html>