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>。

简单来说你看到的this就是指对象，比如我一个函数式这样的

objonclick=function()

{

alert(thisinnerHTML)

}

this就是指obj，

在你的函数里面刚刚定义了thislength=0；所以第二个this指向是this

第三个函数你根本没有定义size的length，所以也是0

在一般函数方法中使用 this 指代全局对象

2作为对象方法调用，this 指代上级对象

3作为构造函数调用，this 指代new 出的对象

4apply 调用 ，apply方法作用是改变函数的调用对象，此方法的第一个参数为改变后调用这个函数的对象，this指代第一个参数

如果是这样写 直接使用就可以

var go = function(obj){

var id = objid;

var id = objvalue;

}

也可以改变一下思路 传自己的ID进去

<input id="t1" value="3" obblur="go('t1')"/>

var go = function(id){

var obj = documentgetElementById('t1');

}

推荐使用jquery jquery *** 作这个非常简单 举个例子

var go = function(obj){

var id = $(obj)attr('id');

var v = $(obj)val();

}

Jquery的遍历，其实就当前位置的元素相对于其他元素的位置的关系进行查找或选取HTML元素。以某项选择开始，并沿着这条线进行移动，或向上（父级）、或向下（子级）、或水平（同级），直到找到目标元素为止，这种移动也被成为对DOM进行遍历。

其实对于DOM来说，这个不陌生，Jquery的遍历也就是在DOM树上上蹿下跳，当然这种上蹿下跳不是没有规则的，胡乱的找是让人鄙视的。通俗的说，在一颗树上（你也在树上，已经爬上去了，哈哈），以你所在的位置为起点，以树上有个桃子为目的地，你的这个起点也就是当前 this ,去移动去摘桃子的过程就是Jquery遍历，所以相对应的Jquery所衍生出的遍历方法可以分为三大类，即Jquery遍历之父级（祖先）、同级（同胞）和子级（后代）三种。

以上就是关于js获取<li>的子节点<a>里的title全部的内容，包括:js获取<li>的子节点<a>里的title、js中this关键字的解释：、js中的this如何使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！