如何让 document.getElementsByTagName('').innerHTML

Question

我正在尝试使用 JavaScript 在多个网页上包含页脚，因此如果我想更改页脚，我只需在一处进行更改。PHP 在此服务器上不可用，服务器端插入 (SSI) 也不可用，但 Perl、Python 和 Tcl 可用。我一直在尝试，document.getElementsByTagName('footer').innerHTML = "text";但它不产生文本。我从 dev.mozilla 复制了这段代码，它告诉我有多少个标签：var footer = document.getElementsByTagName('footer');var num = footer.length;console.log('There is ' + num + ' footer in this document');所以，我不知道innerHTML脚本出了什么问题。我还尝试使用段落标签，在两种情况下都得到了相同的结果。

Answer 1

我刚刚发现 getElementsByTagName() 会生成一个数组，因此我必须使用 [0] 引用页脚的索引：

var footerTags = document.getElementsByTagName('footer');

footerTags[0].innerHTML = "test";

Answer 2

我建议使用 textContent 代替。

document.querySelector('.site-footer').textContent = 'Custom footer content.'

注意：querySelector与类一起使用而不是getElementByTagName

干杯! 🍻

Answer 3

在问这个问题之前，我搜索过Python include，但没有任何运气，所以我就停在那里，但在问这个问题之后，我想我应该搜索Perl/Ruby include。今天，我发现我可以使用 Perl use 函数，所以我可以研究它并尝试实现它，尽管我对 Perl 完全陌生。Ruby 看起来也很有能力，甚至可能更强大。我也没有使用 Ruby 的经验，但也许我应该从那里开始。