如何在 angularjs 中动态地注释 html 元素

我有以下元标记，

 <meta title='raja' identifier>

如何操纵 dom 并变成，

 <!-- reference <meta title='raja'> -->

请建议我DOM操作而不是指令。

谢谢拉贾·

这是原始的JavaScript代码，但你可以采用我的函数并将其添加到Angular Code中。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Meta Replace</title>
    <meta title='raja' identifier>
  </head>
  <body>
    <button onclick=replaceWithComment()>Click Me</button>
    <script>
    function replaceWithComment() {
      var metaEl = document.querySelector('meta[identifier]');
      if (metaEl) {
        metaEl.removeAttribute('identifier')
        var commentEl = document.createComment(' reference '+metaEl.outerHTML+' ');
        metaEl.replaceWith(commentEl);
      }
    }
    </script>
  </body>
</html>

单击该按钮时，代码将查找具有 identifier 属性的 <meta> 标记。然后，它会删除属性identifier并获取元素的outerHTML，并将其与其他文本一起放入新注释中。

然后，它将<meta>标签替换为新的注释标签。

您可能需要更改querySelector才能找到正确的<meta>标记。

相关内容

最新更新

热门标签：