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

Question

我想知道是否有一种方法可以使用javascript将文本（尤其是架构数据）插入html div标签。我知道有些方法可以修改标签中的现有值，例如类，href，标题，但似乎找不到增加新内容的方法。

基本上我有<div id="main">，我想将其修改为<div id="main" itemtype="http://schema.org/SomeCategory" itemscope>，以便以后可以将其删除。

此类需求的上下文是使用fetch / js替换部分网页，而不是重新加载整个页面。产品页面使用架构符号，而常规信息页面则不使用，尽管所有模板都使用“ main”分区。

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);