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、在末尾中添加元素

巴特西

JS动态创建元素

最新文章

热门文章