Question

我正在构建一个工具，试图在其中打开具有单列或多列的html文件。我想让html文件的每个部分都显示在我的工具的显示部分中，就像我们在浏览器中一样。我显示页面的javascript代码是：

function open(htmlFile) {
  var htmlFile1 = htmlFile;
  alert(htmlFile1);
  var parser = new DOMParser();
  var doc = parser.parseFromString(htmlFile, "text/html");
  var all = doc.getElementsByTagName("body");
  var sections = doc.getElementsByClassName("section");
  alert(sections);
}

Answer 1

我认为您想获取HTML页面的全部section。如果页面上没有custom class或ID，则必须通过 getElementsByTagName（“ section “）。

下面的代码段可能会帮助您：

var htmlFile="<html><body><p>Hello World!</p><p>We're here</p><section><h1>WWF</h1><p>The World Wide Fund for Nature (WWF) is....</p></section></body></html>";


function open(htmlFile) {
  var htmlFile1 = htmlFile;
  alert(htmlFile1);
  var parser = new DOMParser();
  var doc = parser.parseFromString(htmlFile, "text/html");
  var all = doc.getElementsByTagName("body");
  var sections = doc.getElementsByTagName("section");
  $.each(sections, function() { 
   alert(this.innerHTML);
});
}
open(htmlFile);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

在工具中显示现有的html页面（一次显示）

1 个答案: