为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕容3067478 2024-01-22 20:59:54
我正在尝试使用 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脚本出了什么问题。我还尝试使用段落标签,在两种情况下都得到了相同的结果。
查看完整描述

3 回答

?
汪汪一只猫

TA贡献1898条经验 获得超8个赞

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


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

footerTags[0].innerHTML = "test";


查看完整回答
反对 回复 2024-01-22
?
牧羊人nacy

TA贡献1862条经验 获得超7个赞

我建议使用 textContent 代替。

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

注意:querySelector一起使用而不是getElementByTagName

干杯! 🍻


查看完整回答
反对 回复 2024-01-22
?
白猪掌柜的

TA贡献1893条经验 获得超10个赞

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



查看完整回答
反对 回复 2024-01-22
  • 3 回答
  • 0 关注
  • 53 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信