HTML代码

<div class="col-xs-12"><ul id="tabName" class="nav nav-tabs" ></ul></div>

JS代码

$(function () {//动态添加li标签var ul = document.getElementById("tabName");for (let i =0 ; i < str.length; i++){var sname= str[i];var newLi = document.createElement("li");if(i == str.length-1){newLi.className = "active";}newLi.innerHTML = '<a data-toggle="tab" href="#home" οnclick="showDetails(this)">'+sname+'</a>';ul.append(newLi);}/*    let li = $("#tabName").find("li");if (typeof(li) == "undefined"){return;}console.log("li=="+li);console.log("li.classNam2"+li[0].className);li[3].className = "active";*/})

JS动态添加li标签相关推荐

如何通过JS动态给li标签添加点击事件并跳转
如何给li标签添加点击事件一.HTML demo代码二.JS动态新增li并绑定点击事件三.效果图有很长一段时间没写博客了,最近做了一个类似于榜单的小需求,遇到了一些小问题,姑且简单的记录一下吧 ...
js动态添加meta标签
有时候我们需要动态添加meta标签和里面的内容,如何添加呢? 举例: // 手动添加mate标签const addMeta = (name, content) => {const meta = ...
js和java script,js动态添加javascript标签
div格式的: (function(){ var Cndiv = document.createElement("div"), Cnscript = document.create ...
javaScript动态添加Li元素
html代码块 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
form表单无法提交js动态添加的表单元素问题。。
第一种情况, 这种情况js动态添加的表单元素是不能提交到服务器端的 <table> <form method="post" action=" url ...
juqery追加li_jQuery添加li标签以及添加属性的方法
这次给大家带来jQuery添加li标签以及添加属性的方法,jQuery添加li标签以及添加属性的方法的注意事项有哪些,下面就是实战案例,一起来看一下. pageEncoding="UTF-8 ...
通过JS动态设置meta标签，根据手机屏幕分辨率自动缩放适配各手机（包括适配华为、oppo大屏幕手机、钉钉、微信）
JS动态添加meta标签,根据手机屏幕分辨率自动缩放适配各手机(包括适配华为.oppo大屏幕手机.钉钉.微信进入) 5月28晚上周四下班接了一个急活,一个面向国外的国际官方网站,三方适配+兼容.说是月 ...
Layui框架下：JS中根据后台查询到的数据动态往div中ul里面动态添加li
Layui框架下:JS中根据后台查询到的数据动态往div中ul里面动态添加li 先建立好一个div和ul JS代码: $(function () { layui.admin.req({ url: _s ...
JS从后台获取数据，前台动态添加tr标签中的td标签
功能描述: 要求从后台查询该省份的所有城市,然后动态的再前台固定的tr标签中添加相应的td标签来展示城市基本信息: 文章目录 #一.前台jsp及js源码 jsp:在固定的tr标签中添加一个id,通过j ...

JS动态添加li标签

HTML代码

JS代码

JS动态添加li标签相关推荐

最新文章

热门文章