What I Get
1、文件列表
1)改变文件列表的样式
File Id | File Name | Operation |
---|---|---|
1 | example1 | (view) (delete) |
2 | example2 | (view) (delete) |
3 | example3 | (view) (delete) |
变为:去掉表头
2)功能
delete:删除在服务器上的对应的文件
edit:可以查看文件,又可以修改文件(修改后保存为本地副本,然后直接上传到服务器,覆盖原文件)
2、实现view
先把view的功能实现,再实现edit的功能。
1)这是显示列表的代码:
<ol id="filelist" >
<li id="0">
<a id="listId"></a>
<a id="deleteA"></a>
<a id="EditA"></a>
<a id="ViewA"></a>
</li>
<li id="1">
<a id="listId"></a>
<a id="deleteA"></a>
<a id="EditA"></a>
<a id="ViewA"></a>
</li>
<li id="2">
<a id="listId"></a>
<a id="deleteA"></a>
<a id="EditA"></a>
<a id="ViewA"></a>
</li>
</ol>
一开始点击View链接时,不管是哪一行的<li>
,都只会显示第一行的<li>
,无法正确获取文件名,所以改变获取元素的方法。
可用的方法:
方法一:整体法,先获取所有的元素,再通过ai+-b的方法来算出需要的元素
方法二:数组法,在全局环境下建立空数组,遇到需要循环的结构时,在循环中获取元素,并放入数组
方法三:函数法,遇到相同的几组元素时,只操作一组元素,并用函数传参来实现所有的效果
采用方法三