JS动态创建元素

动态添加标签,可从服务器获取标签文本,然后加载到指定div中,可用于权限控制。

1、添加标签字符串方式

var str='<div>55555555555555555555555555555</div>'; //拼接str; 
  document.getElementById('iner').innerHTML=str;

2、创建节点方式

  //左侧入
    var span = document.createElement('span'); //1、创建元素
    span.innerHTML='asdfasdfasdfasdfasdfasdfasdfasdf';
    var iner = document.getElementById('iner'); //2、找到指定的元素节点
    iner.insertBefore(span,iner.childNodes[0]);//插入到最左边 //右侧入
    var span = document.createElement('span'); //1、创建元素
    span.innerHTML=inputValue;
    var iner = document.getElementById('iner'); //2、找到指定的元素节点
    iner.appendChild(span); //3、在末尾中添加元素
原文地址:https://www.cnblogs.com/lanyubaicl/p/6427360.html