Question

是否可以扩展现有的html标签？例如，我想添加<link>标签的类型，并对此类型进行一些操作

<link rel="stylesheet" type="new-type" href="theme.css">

当我们与新类型链接时自动执行某些操作？

Answer 1

是的，你可以。最好这样做是使用data- attributes。任何验证器都会跳过这些，因此可以安全地用于您自己的目的：

<link id="someId" rel="stylesheet" type="new-type" href="theme.css" data-special="true">

如果你使用jQuery，你甚至可以轻松搞定：

var x = $("#someId").data("special");

Answer 2

您可以使用insertAdjacentHTML。在下面的示例中，新元素将插入到由`getElementById（“link”）定义的元素之后：

var element = document.getElementById("link");
var newElement = '<link rel="stylesheet" type="new-type" href="theme.css">'
element.insertAdjacentHTML( 'afterend', newElement )

请参阅此链接以获取完整文档：https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML

Answer 3

是的，你可以。您必须对代码进行简单的修改，如下所示 -

<link rel="stylesheet" data-type="new-type" href="theme.css">

展开HTML标记

3 个答案: