Question

我想知道是否可以选择和操作同一目录中不同HTML文件中给定ID或类的元素。例如，就像使用getElementById一样，但是在另一个文件中。

Answer 1

假设这些文件在本地计算机上：

用于加载文件：

<input type="file" id="files" name="files[]" multiple />
<textarea id="loadedFileArea"></textarea>

<script>
  document.getElementById('files').addEventListener('change', handleFileSelect, false);
  function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object

    // Loop through the FileList and render image files as thumbnails.
    for (var i = 0, f; f = files[i]; i++) {
       var reader = new FileReader();
        reader.onload = function(event)
        {
            // NOTE: event.target point to FileReader
            var contents = event.target.result;
            document.getElementById('loadedFileArea').innerText = contents;
//            var lines = contents.split('\n');
            //////
//            document.getElementById('container').innerHTML=contents;

        };

        reader.readAsText(f);

    }
  }

  document.getElementById('files').addEventListener('change', handleFileSelect, false);

要保存此内容，请检出FileSaver.js，您只需要将loadedFileArea的文本（html）内容转换为blob，然后将其传递到FileSaver.saveAs

有什么方法可以通过ID或类来操纵同一目录中不同文件中的元素？

1 个答案: