javascript - 使用 JavaScript 访问 github html 文件

Question

我在 github 上有这个 html 文件，我想使用 JavaScript 访问它。我尝试了这个，但没有成功:(我使用的是p5.js，所以设置函数基本上是onload函数)

var htmlfile = "[URL THAT POINTS TO HTML FILE]";

function setup() {
    console.log(htmlfile.getElementById('id'))
}

有什么办法可以做到这一点吗？我最好只使用纯 JavaScript 和 p5。

Answer 1

正如评论中所说，向原始 github 页面发送请求可能是获取所需 html 的最佳方式。这是使用 fetch 的示例

document.addEventListener('DOMContentLoaded', getHTML);

function getHTML() {
  fetch('https://gist.githubusercontent.com/chrisvfritz/bc010e6ed25b802da7eb/raw/18eaa48addae7e3021f6bcea03b7a6557e3f0132/index.html')
    .then((res) => {
      return res.text();
    })
    .then((data) => {
        document.write(data);
        // get the p tag from the remote html file now we have the html in our document
        var firstParagraph = document.getElementsByTagName("p")[0];
        console.log(firstParagraph.textContent);
    })
}