点击li 在下面的ul中生成li 数据是从ASP后台给的 必须用JS
<ul><liclass="treeNode"><divclass="treeHeader"><i></i><ahref="#">油耗合规模拟项目</a></div><u...
<ul>
<li class="treeNode">
<div class="treeHeader">
<i></i>
<a href="#">油耗合规模拟项目</a>
</div>
<ul class="treeItems">
<li class="treeHeader"><a href="#">宝马中国</a></li>
方括号里的就是一个完整呈现的一个节点,点这里
【
<li class="treeHeader" onclick="showAddLi()">
<div class="treeHeader">
<i></i>
<a href="#">优待化车型信息</a>
</div>
<ul class="treeItems" id="showCList">
【
在这里出现动态生成<li>的位置!
】
</ul>
</li>
】
<li class="treeHeader"><a href="#">优待化车型信息</a></li>
<li class="treeHeader"><a href="#">可用技术信息识别</a></li>
<li class="treeHeader"><a href="#">模型建立完成</a></li>
</ul>
</li>
</ul>
这个<ul class="treeItems" id="showCList"></ul>就是要生成<li>的位置,不但要生成<li>还要给他绑定Id跟显示出来的文本 展开
<li class="treeNode">
<div class="treeHeader">
<i></i>
<a href="#">油耗合规模拟项目</a>
</div>
<ul class="treeItems">
<li class="treeHeader"><a href="#">宝马中国</a></li>
方括号里的就是一个完整呈现的一个节点,点这里
【
<li class="treeHeader" onclick="showAddLi()">
<div class="treeHeader">
<i></i>
<a href="#">优待化车型信息</a>
</div>
<ul class="treeItems" id="showCList">
【
在这里出现动态生成<li>的位置!
】
</ul>
</li>
】
<li class="treeHeader"><a href="#">优待化车型信息</a></li>
<li class="treeHeader"><a href="#">可用技术信息识别</a></li>
<li class="treeHeader"><a href="#">模型建立完成</a></li>
</ul>
</li>
</ul>
这个<ul class="treeItems" id="showCList"></ul>就是要生成<li>的位置,不但要生成<li>还要给他绑定Id跟显示出来的文本 展开
展开全部
function showaddli(){
var ul=document.getElementById("showCList");
var li= document.createElement("li");
li.setAttribute("data-id", "ID值");
li.innerHTML = "文本内容";
ul.appendChild(li);
}
ID和内容的取值有多种方式,一种是先读取出来放到隐藏区域里备用
一种是使用AJAX获取,这个根据你的需要来选择使用
var ul=document.getElementById("showCList");
var li= document.createElement("li");
li.setAttribute("data-id", "ID值");
li.innerHTML = "文本内容";
ul.appendChild(li);
}
ID和内容的取值有多种方式,一种是先读取出来放到隐藏区域里备用
一种是使用AJAX获取,这个根据你的需要来选择使用
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询