1、首先新建文件。
2、js如何获取div里面的内容，代码如下。
3、js修改div里面的内容。
4、js 获取input里面的内容。
5、js修改input里面的内容，这样就完成了。
注意事项：
因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
input file在选择完文件之后，他的值就是这个文件在你机器上的路径js本身是不能去读取这个文件的内容的，比如获取图片大小，类型之类
你说的功能是属于ajax上传文件，服务器完成上传后返回文件的信息（或者内容），然后再在html上加载出来
这个功能一定要后台来完成
例
上传一个文本文件，input file获取本机路径，上传至服务器，服务器读取文本内容返回文本内容，在html上打印出来
您需要的功能可以利用AJAX来实现。下面是我写的代码读取一个文件并显示出来，供您参考。
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>使用AJAX读取外部文件</title>
</head>
<body>
<div id="txt">外部文件内容</div>
<script>
if ( window.ActiveXObject ) // windows 系统
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
else if ( window.XMLHttpRequest ) // 其它系统，及非IE6系统
xmlHttp = new XMLHttpRequest()
xmlHttp.onreadystatechange = Callback
xmlHttp.open("GET", "mytxt.txt", true ) // 读取mytxt.txt内容
xmlHttp.send(null)
function Callback()
{
if ( xmlHttp.readyState == 4 ) {
if ( xmlHttp.status == 200 ) {
xml = xmlHttp.responseText // 读取返回值即文件内容
document.getElementById("txt").innerText = xml // 在当前页面显示文件内容
}
}
}
</script>
</body>
</html>
