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

【问题标题】：Insert schema data inside html tag with javascript使用 javascript 在 html 标记内插入模式数据
【发布时间】：2020-01-15 10:24:40
【问题描述】：

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

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

这种需求的上下文是使用 fetch / js 替换部分网页而不是重新加载整个页面。产品页面使用模式符号，而一般信息页面不使用，尽管所有模板都使用“主”div。

【问题讨论】：

标签： javascript html tags

【解决方案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);

【讨论】：