带有javascript的页脚标记内的目标类

kokeuurv 于 2022-12-21 发布在 Java

关注(0)|答案(2)|浏览(106)

我尝试在footer标签中的div末尾附加一些HTML，如下所示：

<footer>
 <div class="menu-footer">
  <p>Stuff</p>
  <!-- want to insert HTML here -->
 </div>
</footer>

我不知道如何使用常规JavaScript定位子类。我知道我可以使用jQuery，但它不可用，所以我尝试普通JS方法。我知道我可以使用document.querySelector或document.getElementsByTagName，但我不知道如何将它们链接在一起使用insertAdjacentHTML。例如：

function loadThing() {
var footer = document.querySelector('footer .menu-footer');
footer.insertAdjacentHTML('beforeend', '<p>Stuff to add</p>');
}

window.onload=loadThing();

我知道这是不正确的，但我不确定如何正确地将顺序附加到子元素

JavaScript

来源：https://stackoverflow.com/questions/74858780/target-class-within-footer-tag-with-javascript

2条答案

按热度按时间

polhcujo1#

你的insert方法是正确的，去掉函数后面的括号，它就可以工作了，这里我的意思是

window.onload=loadThing();错误
window.onload=loadThing;正确

在这里，您将loadThing函数的结果undefined赋给load事件

赞(0）回复(0）举报 2022-12-21

jfewjypa2#

只需在.menu-footer中添加子元素，它将出现在p标记元素之后
例如'在此输入代码

var parent = document.querySelector('.menu-footer');

var newElement = document.createElement('div');
    newElement.className = 'childDiv';
    newElement.innerText = 'Inner Div';
    parent.appendChild(newElement);

<footer>
 <div class="menu-footer">
  <p>Stuff</p>
  <!-- want to insert HTML here -->
 </div>
</footer>

赞(0）回复(0）举报 2022-12-21

我来回答

带有javascript的页脚标记内的目标类

2条答案

相关问题

热门标签

最新问答