Javascript 如何使用id在类中附加新元素

如何使用#id post-32在类中追加元素

这里应该有新元素
var second_post=document.getElementById（'post-32'）；
var internal_child=second_post.getElementsByTagName（'div'）[2].childNodes[1]；
var title_scondPost=document.createElement（'h3'）；
title_scondPost.className='title'；
title_scondPost.append（document.createTextNode（'Discover Our'）；
内部子项追加（title\u scondPost）；

尝试使用易于定位元素的选项，因为它允许类似CSS的选择器：

document.querySelector('#post-32 > .post-card > div > h3.post-title');

var-internal\u child=document.querySelector（'#post-32>.post-card>div>h3.post-title'）；
var title_scondPost=document.createElement（'h3'）；
title_scondPost.className='title'；
title_scondPost.append（document.createTextNode（'Discover Our'）；
内部子项追加（title\u scondPost）
如果DOM中已有h3标记，则无需创建新标记



这里应该有新元素
var second_post=document.getElementById（'post-32'）；
var internal_child=second_post.getElementsByTagName（'div'）[2].childNodes[1]；
var title_scondPost=document.getElementsByClassName（'post-title'）[0]；
title_scondPost.append（document.createTextNode（'Discover Our'）；
内部子项追加（title\u scondPost）；
我无法理解您想要什么。您想要附加什么元素？TypeError:无法读取null的属性“append”。这是我的问题。另一种方法是我可以使用Jquery document.ready（）进行附加。@kasturidePak，如果您的脚本位于正文的底部，则不会出现该错误。在vanilla JS中，您可以使用
DOMContentLoaded
：）包装代码