使用 javascript 在 html 标记中插入模式数据

Question

我想知道是否有办法使用 javascript 将文本(尤其是模式数据(插入到 htmldiv 标签中。 我知道有一些方法可以修改标签中的现有值，例如类、href、标题，但似乎找不到添加新内容的方法。

基本上我已经<div id="main">了，我想修改它以<div id="main" itemtype="http://schema.org/SomeCategory" itemscope>并能够在以后删除它。

这种需求的上下文是使用 fetch/js 来替换网页的一部分，而不是重新加载整个页面。 产品页面使用架构表示法，而一般信息页面不使用，尽管所有模板都使用"主"div。

Answer 1

我不知道，附加到 body 标签的innerHTML函数允许我使用replace更改实际的div 标签。所以很简单：

input ='<div id="main">';
output='<div id="main" itemtype="http://schema.org/SomeCategory" itemscope>';
document.body.innerHTML = document.body.innerHTML.replace(input,output);