怎么用js在ul标签下添加li标签,并要求li有id?

我自己写了一段代码:$("ul").append("<li id=' 'tb_'+num' class='normaltab' >"+"新建类型"+"</li>"),其中,那个num是一个动态的数字,但是我运行后发现,生成的是 <li id="" tb_'+num'="" class="normaltab" >新建类型</li>这样一个东西,求高手指点一二啊!

1、新建一个txt文档,将文档修改成“index.html”的html文件。

2、将html文件用Sublime编辑器打开,完善html5标准化代码,并修改网页标题。

3、在body标签内编写一段"ul、li"的标签。

4、用浏览器打开index.html文件,可以发现默认“ul li”标签组前面有个实心小圆点。

5、只需要在ul标签内加入(style=“list-style:none;”)的样式代码,保存后再次刷新下页面。

6、刷新页面后,发现ul、li标签组前面的小圆点不见了。

注意事项:

JavaScript已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-09-07
  用$("ul").append("<li id='tb_"+num+"' class='normaltab' >"+"新建类型"+"</li>")就可以实现;

  具体添加,参考方法如下:
  var dy_div=parent.document.getElementById("xs");//这个div在iframe所在的页面
  if(dy_div.getElementsByTagName("ul").length!=0){ //判断div中是否存在ul标签
  dy_div.innerHTML="";
  }
  var cre_ul=document.createElement("ul");//创建ul
  cre_ul.id="mycarousel1";
  cre_ul.className="jcarousel-skin-tango";//设置ul的css
  cre_ul.style.cssText="margin-top:8px";//设置style
  QueryAction.getSecondeName(parent.document.getElementById("search_name").value.toString(),check,function(data){
  var dataObj=eval("("+data+")");
  var str="";
  $.each(dataObj.clients,function(index,client){
  var v_li=document.createElement("li");//生成li
  v_li.innerHTML="<a onclick=document.getElementById('tt').contentWindow.add1('"+client.NAME+"')>"+client.NAME+"</a>";//添加li中要显示的内容
  cre_ul.appendChild(v_li);
  });
  
  dy_div.appendChild(cre_ul); //追加到div中
  jQuery(document).ready(function() { //ul用到的样式
  parent.jQuery('#mycarousel1').jcarousel({
  easing: 'BounceEaseOut',
  animation: 0
  });
  });
  });
第2个回答  2011-08-12
$("ul").append("<li id='tb_"+num+"' class='normaltab' >"+"新建类型"+"</li>")本回答被提问者采纳
第3个回答  2011-08-11
单双引号的问题吧。。$("ul").append("<li id='"tb_"+num' class='normaltab' >"+"新建类型"+"</li>"),改成这样试试。

怎么用js在ul标签下添加li标签,并要求li有id?
1、新建一个txt文档,将文档修改成“index.html”的html文件。2、将html文件用Sublime编辑器打开,完善html5标准化代码,并修改网页标题。3、在body标签内编写一段"ul、li"的标签。4、用浏览器打开index.html文件,可以发现默认“ul li”标签组前面有个实心小圆点。5、只需要在ul标签内加入(style=“...

如何在js中循环赋值给页面上的li附上标签?
一、js 动态添加元素div:<div id="parent"><\/div> function addElementDiv(obj) {var parent = document.getElementById(obj); \/\/添加 divvar div = document.createElement("div"); \/\/设置 div 属性,如 iddiv.setAttribute("id", "newDiv"); div.innerHTML = "js 动态添加div";parent....

如何用js实现在ul中动态插入li
ul>li{ float:right } <\/style> <script language="javascript"> function go_up(){ var len = document.getElementById('test').innerHTML+='<li>1<\/li>';} <\/script> <ul id="test"><li>2<\/li><\/ul> <a href="javascript:go_up()">点我<\/a> 参考资料:<a href="http:\/...

原生js如何给ul下面添加2个li
for(var i=1;i<4;i++){ var ul=document.createElement("ul");for(var j=1;j<3;j++){ var li=document.createElement("li");li.innerHTML="这是第"+i+"个ul的第"+j+"个li";ul.appendChild(li);} document.getElementsByTagName("body")[0].appendChild(ul);} <\/script> <\/bo...

通过js遍历ul下的li,在给li赋上CLASS!急,有会的帮下忙吧!
比较简单,可以这样来做:<script type="text\/javascript"> var u = document.getElementById("about");var n = document.getElementsByTagName("li");n[0].className = "ubNav";<\/script>

现在有3个ul,想用js在里面生成li,3个ul分别代表年,月,日,li里面就是其...
下拉菜单是select option吧 代码如下:HTML <body onload="load()"><form id="f" name="f"><select id="year" name="year"><\/select><select id="month" name="month"><\/select><select id="day" name="day"><\/select><\/form><\/body>JS function initDate(startYear, year, month,...

Javascript 网页打开后ul添加8个li,且每个li里面都有序列数字,开头为1...
var ul = document.createElement('ul'), i = 1;for(i; i < 9; i += 1) { var li = document.createElement('li'); li.textContent = i; ul.appendChild(li);}document.body.appendChild(ul);

js动态添加与删除ul中的li
1、使用jquery脚本库,因此先引入jquery脚本文件。2、html代码里,就是一个ul列表,里面有二个img控件,还有一个按钮。要注意的是给ul加了一个样式名。3、使用jquery,先为按钮添加一个点击事件。4、在点击事件函数里,我们直接使用js代码就能获取到img控件了,var imgs = $(".jy_ul li img");...

如何用js控制 Li 里面的 <dl>数量到6个的时候,自动切换到下一个Li...
首先,你需要规划下的html代码:<ul id="ul"> <li class="clearfix"> <div class="newslis"> <dl class="clearfix"> <dt> <img src="11.jpg" \/> <\/dt> <dd> <h3><a href="#">文章标题<\/a><\/h3> <p>文章简介…<\/p>...

<ul>中的<li>我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变...
DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<\/title><\/head><body> <ul id="list"> <li>第1项<\/li> <li>第2项<\/li> <li>第3项<\/li> <li>第4项<\/li> <\/ul> <script> var lis = document.querySelectorAll...

相似回答