怎样在html中使用自定义标签

Question

比如说用

<suiyiwen> …… </suiyiwen>

代替

<div class="suiyiwen"> …… </div>

这样可以在插入的时候方便一些
要具有比较好的浏览器兼容性

Answer 1

var node = document.createElement("suiyiwen");

node.id = "test";
node.innerHTML = 'just test';

document.body.appendChild(node);

在所有浏览器里，只要用createElement的话，都是可用的，然后可以用css去定义它.

主要的好处是 隔离用户的代码 ，例如一些web输入法，书签的方式动态插入一些脚本，生成dom，那为了和网站不产生冲突，可以动态创建自定义标签来避免。