js获取<li>的子节点<a>里的title

这个要用到JS中的innerHTML来实现，具体代码如下：

<style>

ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式

li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式

</style>

<ul id="aaa">//这里给出UL一个ID，以便JS脚本获取相应元素

<li>中国</li>

<li>美工</li>

<li>意大利</li>

<li>德国</li>

</ul>

<script>

windowonload = function(){

var obj_lis = documentgetElementById("aaa")getElementsByTagName("li");

for(i=0;i<obj_lislength;i++){

obj_lis[i]onclick = function(){

alert(thisinnerHTML);

}

}

}

</script>。

var objul=documentgetElementsById(“id”);

var lis=objulgetElementsByTagName("li");

alert("li的数量为："+lislength);

个人习惯用jquery了，我放个jquery写法给你参考吧

当然得先下载个jquery（js下载已经放在附件了），然后引用下：

<script language="javascript" src="js/jqueryjs"></script>

<script language="javascript">

$(function(){

$("#okli li")click(function(){

alert($(this)html());//这里备注下$(this)html()是获取当前所点击对象里面的内容

});

});

</script>

同时建议把html结构修改下，你这段代码应该是有多个li，严格说来id在同一个页面中是不得有重复的：

<ul id="okli">

<li style="width: 100px;">user_id:1</li>

<li style="width: 100px;">user_id:2</li>

</ul>

Regex reg = new Regex(@"<li>([^<]+)</li>", RegexOptionsIgnoreCase);

string str = "你的html";

Match m = regMatch(str);

while(mSuccess){

ResponseWrite(mResult("$1"));// 输出匹配到的li的内容

m = mNextMatch();

}

/我想说楼主你漏掉了<ul>标签/

var div=documentgetElementById("div");

var uls=divgetElementsByTagName("ul"); 

var lis=uls[0]getElementsByTagName("li");

1、查找子元素方式1：>

例如：var aNods = $("ul > a");查找ul下的所有a标签

2、查找子元素方式2：children()

3、查找子元素方式3：find()

通过下标获取第n个子标签的ID值

1var num1=$("ul > a:eq(0)")attr("ID");

2var num2=$("ul")children("a:eq(0)")attr("ID");

3var num3=$("ul")find("a:eq(0)")attr("ID");

第一种方法:

使用$("#menu")children()html();

这样会获得"<li><ul><li></li></ul><li>"

第二种方法:

$("#menu > ul > li")

可以写一个函数，获取到数组。

正则表达式是：   <a[^>]>\s([^<])\s</a>\s<[^>]class="date">([^<])<

请对上面的 PHP中特殊符号进行转义。

$1  是内容，$2是日期

函数写法参考

$str = '

<ul><li><a href="#">内容111</a></li><li><a href="#">内容111</a></li><li><a href="#">内容111</a></li><li><a href="#">内容111</a></li></ul>

<ol><li><a href="#">内容2</a></li><li><a href="#">内容2</a></li><li><a href="#">内容2</a></li><li><a href="#">内容12</a></li></ol>

';

$search = '/<ul>()<\/ul>/is';

preg_match_all($search,$str,$r,PREG_SET_ORDER );

print_r($r);

$search = '/<ol>()<\/ol>/is';

preg_match_all($search,$str,$r,PREG_SET_ORDER );

print_r($r);

>

以上就是关于js获取<li>的子节点<a>里的title全部的内容，包括:js获取<li>的子节点<a>里的title、​js怎么获取id里面li标签总数、function 获取li标签下的动态数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！