js自定义创建标签，a标签包含于li标签内。

Posted 2023-04-04

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js自定义创建标签，a标签包含于li标签内。相关的知识，希望对你有一定的参考价值。

js创建标签中，新建li标签，再新建a标签，希望a标签在li内，怎么做？

先新建<li></li>，在新建<a></a>,把a标签appendChild()进li就可以了
var oLi=document.createElement('li');//创建li标签
var oA=document.createElement('a');//创建a标签
oLi.appendChild(oA);//将a标签插入到li标签里面追问

a标签是这样的

里面没东西的，
我试了，你那个可以，但a标签不能点，鼠标已过没有手形。。望大神拯救菜鸟。。

追答

var oLi=document.createElement('li');//创建li标签
var oA=document.createElement('a');//创建a标签
oA.href="#";
oA.innerhtml="a标签";//往a里面加点东西
oLi.appendChild(oA);//将a标签插入到li标签里面

追问

谢谢，帮了我很大的忙。。

追答

不客气

参考技术A <html>
    <head>
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <style>
            bodymargin:0; padding:0;
            #awidth:200px; height:200px; background-color:lightblue;
        </style>
        <script>
            $(function ()
                $(".a").click(function ()
                    $("#a").append('<li> <a href="#"  >add li</a></li>')

                );

            );
        </script>
    </head>
    <body>
        <input type="button" class="a"  value="add"/>
        <div id="a"></div>
    </body>
</html>
这样ok?

追问

和我想的不一样的，我试了。。

给li标签添加自定义属性

给li标签添加属性
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

1.用jquery方法

$(‘ul‘).find(‘li‘).attr("index", function () {return $(this).index()})

2.用js方法

var aLi = document.getElementsByTagName(‘ul‘)[0].getElementsByTagName(‘li‘);
for(var i=0;i<aLi.length;i++){
    aLi[i].setAttribute(‘index‘,i);
}

以上是关于js自定义创建标签，a标签包含于li标签内。的主要内容，如果未能解决你的问题，请参考以下文章