如何为html创建自定义标签

前端之家收集整理的这篇文章主要介绍了如何为html创建自定义标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想学习如何为html创建自定义标签,具有特殊属性和行为,如果有人可以给出建议我会非常感激。

解决方法

HTML5Rocks.com上有一篇有趣且深入的文章介绍了如何使用自定义元素: Custom Elements: Defining New Elements in HTML

以下是关于如何做到的文章的摘录。

实例化元素

创建元素的常用技术仍适用于自定义元素。与任何标准元素一样,它们可以用HTML声明,也可以使用JavaScript在DOM中创建。
实例化自定义标签

声明他们:

<x-foo></x-foo>

在JS中创建DOM:

var xFoo = document.createElement('x-foo');
xFoo.addEventListener('click',function(e) {
  alert('Thanks!');
});

使用new运算符:

var xFoo = new XFoo();
document.body.appendChild(xFoo);
原文链接:https://www.f2er.com/html/232610.html

猜你在找的HTML相关文章