<div>
11
<ul>
<li>1</li>
<ul onmouseout="aa(this)"> <li>33</li></ul>
<li>2</li>
</ul>
</div>
<SCRIPT type=text/javascript>
function aa(obj)
{
alert(objparentNodeparentNodepreviousSiblingdata);//第一个11
alert(objpreviousSiblingdata);//第二个1
alert(objchildNodes[0]innerText);//第三个33
alert(objparentNodenextSiblinginnerText);//第四个2
}
</SCRIPT>
<div><ul><li id="testli">这是测试内容</li></ul></div>
第一步，用JS获取li的内容
第二步，用ajax将获取的内容传递到后台的asp代码处理,用ajax取得li的内容只是中间过程，最终还是将内容发送给asp处理的
以下是部分代码：
<script>
var licont = documentgetElementById('testli')innerHTML;
var m_url ="/inc/actionaspaction=getli";
var m_data='licont='+escape(licont);
o>
<ul style="float:left; width:20%;">
<li>111111111111</li>
<li>222222222222</li>
<li>333333333333</li>
<li>444444444444</li>
</ul>
<div id=content style="float:right:width:70%"></div>
<script>
/以下代码适用于jquery/
$(function(){
$("ul li")on("click",function(){
$("#content")html("您点击的是"+$(this)html());
});
});
/以下代码适用于原生JavaScript/
windowonload=function(){
var lis=documentgetElementsByTagName("li");
for(var i=0;i<lislength;i++){
lis[i]onclick=function(){
documentgetElementById("content")innerHTML="您点击的是"+thisinnerHTML;
}
}
}
</script>
建议你使用jquery，用起来方便，很多js的东西都能很好的实现，我这边就不给你代码了只给你说下思路，首先写一个事件触发函数，函数为当收到<li>值得时候然后改变隐藏按钮的值，接下来就简单了，当鼠标触发摸个事件的时候，就调用这个函数。很容易解决！自己研究下！
第一种：<script type="text/javascript">
$(function(){
var sOld = null;
$("li")each(function(index){
var sOld = $(this)text();
$(this)click(function(){
var sNew = $(this)text();
$(this)text(sNew + sOld);
});
});
});
</script>
</head>
<body>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>
第二种：<script type="text/javascript">
$(function(){
$("li")each(function(index){
$(this)click(function(){
var sText = $(this)text();
$(this)text(sText+sText);
});
});
});
</script>
</head>
<body>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>
不知道是不是你要的效果。不是的话，具体一点。
以上就是关于js 如何获取 UL外面的LI的内容全部的内容，包括:js 如何获取 UL外面的LI的内容、如何用asp提取div li中的信息求高人解答，解决加分、jquery点击左侧任意一个li，右侧相应切换li的内容，怎么实现等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）