用JavaScript替换HTML页脚内容

我试图用Hello World替换我的页脚文本，我不想通过添加类或id来编辑HTML

HTML:

---

问题是，当我执行上面的代码时，没有任何变化

这是因为您选择的id不存在，请尝试以下操作：

document.querySelector('footer').innerHTML = "Hello world";

@编辑

document.querySelector'footer'.innerHTML=Hello world； Lorem ipsum dolor sit amet，奉献精英。 footer不是所选元素的id，而是标记名

可以使用标记选择器选择页脚

要更改div内容，我假设您要更改文本，保持div不变，您可以使用标记选择器选择div

并且可以更改文本

document.getElementsByTagName("footer")[0].getElementsByTagName("div")[0].innerHTML = "Hello World";

上述声明细分如下：

document.getElementsByTagName("footer") //select footer

document.getElementsByTagName("footer")[0] //1st matched element

document.getElementsByTagName("footer")[0].getElementsByTagName("div") // select div

document.getElementsByTagName("footer")[0].getElementsByTagName("div")[0] // first div

document.getElementsByTagName("footer")[0].getElementsByTagName("div")[0].innerHTML = "Hello World"; //change content

document.getElementsByTagNamefooter[0]。getElementsByTagNamediv[0]。innerHTML=Hello World； Lorem ipsum dolor sit amet，奉献精英。

---

您可以通过以下几种方式实现所需的目标：

1如果需要更改HTML，则应使用以下代码来定位页脚：

document.getElementsByTagName'footer'[0].innerHTML='Hello World'； Lorem ipsum dolor sit amet，奉献精英。

---

什么都没发生？错误，一条错误消息出现在dev控制台中，请看一看……您在哪里声明了变量footer，它包含什么？或者，您可能是指该位置的文本文字，而不是变量？在询问之前，请首先检查浏览器的错误控制台。@CBroe TypeError:document.querySelector。。。是否为空[En savoir plus]What-in甚至不使用document.querySelector的代码…？请阅读并编辑您的问题。@ErikGesateifin将脚本移动到body元素的末尾。我得到以下错误：TypeError:document.querySelector。。。是null@ErikGesateifin您好，我用一个代码片段更新了我的帖子，请看一下，它可能会帮助您复制解决方案

document.getElementsByTagName("footer")[0].getElementsByTagName("div")[0].innerHTML = "Hello World";

document.getElementsByTagName("footer") //select footer

document.getElementsByTagName("footer")[0] //1st matched element

document.getElementsByTagName("footer")[0].getElementsByTagName("div") // select div

document.getElementsByTagName("footer")[0].getElementsByTagName("div")[0] // first div

document.getElementsByTagName("footer")[0].getElementsByTagName("div")[0].innerHTML = "Hello World"; //change content

document.getElementsByTagName('footer')[0].innerHTML = '<div>Hello World</div>';