Javascript 我在哪里可以存储html中li标记中的文件名？

我列出了很多带有li标签的文件，我希望我可以删除和重命名文件，所以我用代码存储文件名

但li在html5中没有value属性，我可以在html中的li标记中将文件名存储在哪里？谢谢

 <ul>
    <li value="file1"> 
         <span onclick="Download()">Download</span>
         <span onclick="Rename()">Rename</span> 
    </li>
    <li value="file2"> 
         <span onclick="Download()">Download</span>   
         <span onclick="Rename()">Rename</span> 
    </li>
    <li value="file3"> 
         <span onclick="Download()">Download</span>   
         <span onclick="Rename()">Rename</span> 
    </li>
</ul>

下载
改名


下载
改名


下载
改名

使用HTML5数据属性：

 <ul >
       <li data-filename="file1"> <span class ="download">Download</span>   <span class="rename">Rename</span> </li>
       <li data-filename="file2"> <span  class ="download">Download</span>   <span class="rename">Rename</span> </li>
       <li data-filename="file3"> <span  class ="download">Download</span>   <span class="rename">Rename</span> </li>
   </ul>

下载重命名
下载重命名
下载重命名

使用HTML5数据属性：

 <ul >
       <li data-filename="file1"> <span class ="download">Download</span>   <span class="rename">Rename</span> </li>
       <li data-filename="file2"> <span  class ="download">Download</span>   <span class="rename">Rename</span> </li>
       <li data-filename="file3"> <span  class ="download">Download</span>   <span class="rename">Rename</span> </li>
   </ul>

下载重命名
下载重命名
下载重命名

使用数据-x，其中x是您希望存储的数据

<li data-filename="myfilename.jpg">
  <span onclick="Download()">Download</span>
  <span onclick="Rename()">Rename</span>
</li>

下载
改名

使用数据-x，其中x是您希望存储的数据

<li data-filename="myfilename.jpg">
  <span onclick="Download()">Download</span>
  <span onclick="Rename()">Rename</span>
</li>

下载
改名

将其存储为ID或

数据

标记。另外，存储文件名的逻辑位置不是在标记的实际内容中吗？如果看不到文件名，人们如何知道下载或重命名哪个文件？将其存储为ID或

数据
标记。另外，存储文件名的逻辑位置不是在标记的实际内容中吗？如果看不到文件名，人们如何知道下载或重命名哪个文件？我还建议将单击处理程序从HTML移到javascript中。这将使您能够在html部分保存代码，并提供更好的代码质量。要是我能多投一次票就好了。我试图在几乎每个问题上提出这一点。做得好！我还建议将click处理程序从HTML移到javascript中。这将使您能够在html部分保存代码，并提供更好的代码质量。要是我能多投一次票就好了。我试图在几乎每个问题上提出这一点。做得好！