一尘不染

如何为html创建自定义标签

html

我想学习如何为html创建具有特殊属性和行为的自定义标签,如果有人可以提供建议,我将不胜感激。


阅读 216

收藏
2020-05-10

共1个答案

一尘不染

HTML5Rocks.com上有一篇有趣且深入的文章,介绍如何使用自定义元素:自定义元素:在HTML中定义新元素

这是该文章的摘录。

实例化元素

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

声明它们:

<x-foo></x-foo>

在JS中创建DOM:

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

使用新的运算符:

var xFoo = new XFoo();
document.body.appendChild(xFoo);
2020-05-10