有什么方法可以通過ID或類來操縱同一目錄中不同文件中的元素？

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