js提取div内容生成新html文件

在生成的jsp页面中有一个div，div中是一个表格。请问，怎么将表格提取出来，然后生成一个新的html文件？
生成的新的html文件就是div中的表格，不知道这样说明白吗？
答案有用就给分

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<div id="x">
<table>
...
</table>
</div>js:
w = window.open();
w.document.open()
w.document.write(document.getElementById("x").innerHTML)
w.document.close();
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function show(){
var obj=document.getElementById("mydiv");
showModelessDialog("blank.html",obj,"dialogWidth=600px;dialogHeight=600px");

}</script>
</head><body>
<div id="mydiv">
<table width="200" border="1">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
</table>
</div>
<p> </p>
<p> </p>  <input type="button"  value="生成" onclick="show()" /><p> </p>
</body>
</html>
---------------------------------------------------------
blank.html--代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function init(){
var txt=window.dialogArguments.innerHTML;
window.document.body.innerHTML =txt;
}
</script>
</head><body onload="init()">
</body>
</html>
有两种方式可以实现：
第一种：<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>
function show(){
var w = window.open();
w.document.open();
w.document.write(document.getElementById("objDiv").innerHTML);
w.document.close();
}
</script>
</head><body>
<div id="objDiv">
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
</table>
</div>
<br/>
<input type="button" value="click" onclick="show()"/>
</body>
</html>
第二种：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>1.html</title>
<script>
function show(){
var obj = document.getElementById("myDiv");
showModelessDialog("2.html",obj,"dialogWidth=600px;dialogHeight=600px");
}
</script>
</head><body>
<div id="myDiv">
<table width="200" border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
</table>
</div>
<br/>
<input type="button" id="input1" value="click" onclick="show()"/>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>2.html</title>
<script>
function init(){
var txt = window.dialogArguments.innerHTML;
window.document.body.innerHTML = txt;
}
</script>
</head><body onload="init()">
</body>
</html>
如果td中含有input text 标签，怎么把里面的内容当做文本显示出来，而不是以文本框的格式？