Question

是否可以在自定义HTML标记中创建自己的值（HTML标签之间的文本）？

我使用了这段代码：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <script>
    $(document).ready(function () {
      $("eg").replaceWith("<h2>// See under body tags the value</h2>");
    });
  </script>
</head>
<body>
  <eg>My text</eg>
</body>
</html>

在我的JavaScript代码中<h2>标签之间（不要认为我应该只使用没有JS的h2标签）可以放置我喜欢的任何文本。

示例：<eg>I can type any text here but it'll be still in h2 tag settings</eg>

我应该在JS中的<eg></eg>之间写什么来获得将在我的HTML代码中写入的任何h2值？

Answer 1

如果您想将<eg>Test</eg>替换为<h2>Test</h2>，则可以执行此操作：$("eg").replaceWith("<h2>" + $("eg").html() + "</h2>");。

以下是一个示例：http://plnkr.co/edit/urd69pJSXQngGIsYYSjq

Answer 2

如果我理解正确，你只想在DOM中附加一个元素，所以你可以按如下方式使用html方法：

  $("eg").html("<h2>Any text can be placed here</h2>");

如果您需要更多信息，请查看docs。

注意：您已关闭但未打开身体标签。

替换：

</body>

有类似的东西：

<body> <eg> Your custom content is between body tags now </eg> </body>

你还有两个HTML标签，删除第二个

<html>

Answer 3

没有。它不再是HTML了。但是，如果您编写了xHTML（这是一种XML形式），那么您可以使用自己的元素扩展DOM。但那将是XML，而不是HTML。

如果您尝试向页面添加自定义元素，浏览器将不知道如何处理它们。即使某些浏览器可能会显示它们，但这是一个非常糟糕的主意。改为使用类名。

Answer 4

创建和使用自定义标签是个坏主意。应该避免。

你可能正在寻找这个：

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <script>
        $(document).ready(function () {
            $("#my_h2").html("<h2>Any text can be placed here</h2>");
        });
    </script>
</head>
    <h2 id="my_h2"></h2>
</body>
</html>

更多信息，请阅读CSS选择器。（它们与jQuery选择器相同。）

希望这会有所帮助。

自定义HTML标记值

4 个答案: