javascript 遍历页面中所有的元素

javascript 遍历页面中所有的元素,获取每个元素的节点类型,全局索引号


var nodes = document.all; for(var i=0;i<nodes.length;i++){ var o = nodes[i]; alert(o.tagName + ',' + o.nodeType + ',' + o.sourceIndex); }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在前端使用JavaScript遍历文件夹并展示文件是不常见的,因为浏览器的安全限制不允许直接读取本地文件系统。但是,你可以使用文件上传功能来实现类似的效果。以下是一个示例代码: HTML部分: ```html <input type="file" id="fileInput" multiple> <div id="fileList"></div> ``` JavaScript部分: ```javascript function handleFileSelect(evt) { var files = evt.target.files; // 获取选择的文件数组 var fileList = document.getElementById('fileList'); fileList.innerHTML = ''; // 清空文件列表 // 遍历选择的文件 for (var i = 0, f; f = files[i]; i++) { var fileName = f.name; var fileType = fileName.split('.').pop().toLowerCase(); // 获取文件类型 // 检查文件类型是否为Excel、CSV或PDF if (fileType === 'xlsx' || fileType === 'xls' || fileType === 'csv' || fileType === 'pdf') { var listItem = document.createElement('div'); listItem.textContent = fileName; fileList.appendChild(listItem); } } } document.getElementById('fileInput').addEventListener('change', handleFileSelect, false); ``` 这段代码创建了一个文件上传的`<input>`元素和一个用于展示文件列表的`<div>`元素。当用户选择文件后,`handleFileSelect`函数会被触发。在这个函数,我们遍历了用户选择的每个文件,并检查文件类型是否为Excel、CSV或PDF。如果是,则创建一个新的`<div>`元素,并将文件名添加到文件列表。 请注意,这仅仅是一个示例,它只在前端展示了符合条件的文件名,并没有上传文件内容。如果你需要对文件进行更多操作,比如上传到服务器或读取文件内容,你可能需要使用其他技术,比如后端处理或使用浏览器的File API。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值