Ext的Dom操作——節點替換

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>My JSP 'index.jsp' starting page</title>
		<link rel="stylesheet" type="text/css" href="ext3/resources/css/ext-all.css">
		<script type="text/javascript" src="<%=basePath%>/ext3/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="<%=basePath%>/ext3/ext-all.js"></script>
		<script type="text/javascript" src="<%=path%>/ext3/ext-lang-zh_CN.js"></script>
		<script type="text/javascript" src="<%=path%>/js/other/element/domreplace.js"></script>	
	</head>
	<body>
		<div id="elid">
			<div>elid子元素1</div>
			<div>elid子元素2</div>
			<div>elid子元素3</div>
		</div>
		<div id="elid1">原來的元素被替換成這個元素!!!</div>
	</body>
</html>

Ext.onReady(function() {	
	var el = Ext.get('elid');
	var el1 = Ext.get('elid1');
	Ext.fly("elid1").replace(el);
});
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章