Javascript更改h1文本

Javascript change h1 text

本文关键字：文本 h1 更改 Javascript      更新时间：2023-09-26

我正试图通过使用以下代码更改h1的文本

document.getElementById("wpbody-content").getElementsByClassName("wrap").getElementsByTagName('h1')[0].innerHTML = 'Application Forms';

这是HTML代码

<div id="wpbody-content">
  
  <div class="wrap">
    <h1>Text</h1>
  </div>
<div class="clear"></div></div>

但它显示我跟随错误

TypeError: document.getElementById(...).getElementsByClassName(...).getElementsByTagName is not a function

getElementsByClassName()方法返回一个元素数组。您需要引用数组中的第一个wrap元素，就像您正确地引用h1元素一样。：

document.getElementById("wpbody-content").getElementsByClassName("wrap")[0].getElementsByTagName('h1')[0].innerHTML = 'Application Forms';

用getElementsByClassName("wrap")[0] 替换getElementsByClassName("wrap")

    document.getElementById("wpbody-content")
        .getElementsByClassName("wrap")[0]
        .getElementsByTagName('h1')[0].innerHTML = 'Application Forms';
<div id="wpbody-content">
    <div class="wrap">
         <h1>Text</h1>
    </div>
    <div class="clear"></div>
</div>

您也可以使用getElementsByTagName:

document.getElementById("wpbody-content").getElementsByClassName("wrap")[0].getElementsByTagName('h1')[0].innerHTML = 'Application Forms';
<div id="wpbody-content">
    <div class="wrap">
         <h1>Text</h1>
    </div>
    <div class="clear"></div>
</div>

尝试将jQuery作为

     $('#wpbody-content .wrap h1').text('Application Forms');
相关文章：