如何在html

Question

所以我想在html中创建新标签 我的意思是：

<imagebutton src="cool.gif" onclick="alert('you clicked the image!')">
<!-- New tag (^) loads an image and lets it have an onclick event -->

我想知道如何在javascript中执行此操作 是，如果是，如何我可以这样做吗？

Answer 1

下面的方法用于创建自定义HTML元素

document.registerElement()

下面的脚本会将以下HTML标记添加到元素的末尾

var customElement = document.registerElement('x-custom');
document.body.appendChild(new customElement());

自定义HTML元素

<x-custom> </x-custom> 

Answer 2

也许你可以试试这段代码：

document.getElementById('tag-id').innerHTML = '<ol><li>html data</li 
</ol>';

只是改进它

Answer 3

您需要创建自己的javascript来操作自定义html元素，并用所需元素（执行该功能）替换这些元素。您可以引用其他框架，如knockout或angular，它们操纵自定义属性和元素。

Answer 4

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!');
});

使用新运算符：

var xFoo = new XFoo();
document.body.appendChild(xFoo);