使⽤js动态加载ul列表li标签思路:获取到ul的控件,然后根据数据⽣成<a>标签的html,追加到ul中。
HTML代码:
<ul id="ullist">
</ul>
js代码:
//获取ul
var ElementById("ullist");
html ul标签//动态内容,可通过接⼝获取json
var title={"t1","t2","t3"};
for (var i=0;i<title.length;i++){
//新建li
var liObj = ateElement("li");
//设置li中的⽂字,我写的a标签中⽐较复杂,可根据实际情况增减
liObj.innerHTML ="<a target=\"iframe_a\" href=\"viewpage.html\">\n" +title[i]+"</a>";
//将li追加到ul中
list.appendChild(liObj);
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论