页面加载后绑定OnClick事件修改无ID的h4元素文本问题求助

<script type="text/javascript">
function AddClick(){
    //Name & Number
    document.getElementById("o_5794738").addEventListener('click', NewText);
    //Number
    document.getElementById("o_5794733").addEventListener('click', OldText);
    //Name
    document.getElementById("o_5794723").addEventListener('click', OldText);
    //None
    document.getElementById("o_5794728").addEventListener('click', OldText);
};

window.onload = AddClick;

function NewText() {
    const targetContainer = document.getElementById("pt_fc_775338");
    const targetH4 = targetContainer.getElementsByTagName('h4')[0];
    targetH4.textContent = "New Text"; 
}
function OldText() {
    const targetContainer = document.getElementById("pt_fc_775338");
    const targetH4 = targetContainer.getElementsByTagName('h4')[0];
    targetH4.textContent = "Old Text";
}
</script>

• 事件绑定方式改为addEventListener，相比setAttribute设置onclick属性兼容性更好，也不会覆盖元素上已有的其他点击事件
• 修复getElementsByTagName的语法错误：参数h4需要加单/双引号，且该方法返回的是元素集合，需要通过[0]取到第一个匹配的h4元素
• 修改文本内容时使用textContent直接赋值文本，不要嵌套h4标签，避免出现h4元素内部再套h4的错误DOM结构
• 使用textContent修改不会影响原有h4标签的属性，比修改innerHTML更安全，能避免XSS风险

内容的提问来源于stack exchange，提问作者Patrick