最近遇到用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()类似,使用的时候只要明白往哪里插入内容就可以