初次认识自定义html元素组件(一)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <mt></mt>
    </body>
    <script>
        function mtTag(tagName,fn){
            Array
             .from(document.getElementsByTagName(tagName))
             .forEach(fn);
        }
        function mtHandler(element){
            element.innerHTML = "<button style='background:red'>点我</button>";
        }
        mtTag("mt",mtHandler);
    </script>
</html>

是不是很简单呢;缺点:不支持ie浏览器(亲测);成功的有:微软window10的edge浏览器和谷歌浏览器(我测了这两种,其他的交给你们测了)

欢迎加群交流:822162679 

posted @ 2018-07-13 15:08  徐伟杰  阅读(253)  评论(0编辑  收藏  举报