js添加元素

最近遇到用js向html添加元素的问题，所以在里分享一下

假设html中有一个id为bin，class为bin-css的div标签，其html如下：

 

 <div id="bin" class="bin-css">
    </div>

 向这个div中添加从本地存储获取的数据，代码如下：

 

 

$(document).ready(function(){

    $('#bin').append(JSON.parse(localStorage.getItem("info"))[0].name);
   
});

 info是本地存储时用到的键，因为本地存的是一个数组，所以记得加下标

 

这里用的jquery，要记得将jquery引到html。

这里有四个用于添加新内容的四个 jQuery 方法：

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

 使用方法与append()类似，使用的时候只要明白往哪里插入内容就可以