我如何获取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

我建议改用textContent。为何选择here。

[要查看其工作原理，请在使用StackOverflow时将以下内容粘贴到浏览器控制台中，然后单击enter。

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

注意：将querySelector与class一起使用，而不是getElementByTagName

干杯！ 🍻