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

Question

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

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

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

标签： javascripthtmltags

Answer 1

我不知道，innerHTML附加到 body 标签的功能允许我使用replace. 所以很简单：

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