原生js点击创建原素的三种方法

第一种

document.write = “要创建的标签原素”；

缺点：点击创建后，回把原父级标签内的内容删除掉，替换成创建标签内的元素；

第二种

对象名.innerHTML = "要创建的标签原素";

第二种相对第一种比较好一点不会删除父级元素的内容，推荐使用

第三种

var 对象名 = document.createElement( "要创建的标签原素" );
 父级元素.appendChild(" 创建的对象名")；
//需要把创建的元素追加到父级元素内；

缺点：这种创建方式会一直追加到父级元素内
解决方案可以通过“有则删除，无则添加”的方式解决（if判断）；