<li>外面应该有一个<ul>的,给这个<ul>加个id,比如:id="ul1"
给iframe一个id,比如:id="iframe1"
然后写一个方法给所有的<li>绑定处理函数:
function bind_fun()
{
var iframe=documentgetElementById("iframe1");//获取iframe1
var lis=documentgetElementById("ul1")getElementsByTagName("li");//获取所有的li标签
//循环绑定处理函数
for(var i=0;i<lislength;i++)
{
lis[i]onclick=function(){
iframesrc="abcphptype="+thisgetElementsByTagName("a")[0]innerHTML;
//或者
//iframesrc="abcphptype="+thisinnerHTMLreplace(/<>/g,"");
};
}
}
//页面加载完毕后执行函数
windowonload=bind_fun;
供参考!
var li=documentgetElementsByTagName("li");
for(var i=0;i<lilength;i++){
documentwrite("第"+(i+1)+"个li<br>");
var span=li[i]getElementsByTagName("span");
for(var j=0;j<spanlength;j++){
documentwrite("第"+(j+1)+"个span:"+span[j]+"<br>");
}
}
给ul加一个唯一标识,一般用ID然后用documentgetElementById(刚刚给ul设置的ID)定位到ul再用ObjectchildNodes获取此ul下的所有li,返回的是一个存有li对象的数组有效下标为0~(你的li数量-1)之后就可以随意 *** 作了给你写个简单例子吧,还有不懂可以Q我<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" " >
是获得索引么不考虑兼容问题,用一下documentgetElementsByClassName
var child = documentgetElementsByClassName("child");for (var i = 0; i < childlength; i++) {
var a = child[i];
aindex = i;//给每个className为child的元素添加index属性;
aonclick = function () {
alert(thisindex)
}
}
这样你每次点击就能获得你点击的元素的index
<ul id="parent">
<li><img src="img/1gif" ></li>
<li><img src="img/2gif" ></li>
<li><img src="img/3gif" ></li>
<li><img src="img/4gif" ></li>
</ul>
<script>
var listImg=documentgetElementById("parent")getElementsByTagName("img");//获取ul中的img返回一个对象数组
</script>
我不知道您为什么不获取一个集合?
由于使用getElementsByTagName()方法,返回的是一个对象数组,这样一来您只需指定一个下标,那么就可以读写数组当中的元素了。
甚至可以用for循环来遍历这个数组,很方便。
listImg[0]是第一个img listImg[1]是第二个img listImg[2]是第三个img……以此类推。
以上就是关于js如何获取点击<li>标签里的值全部的内容,包括:js如何获取点击<li>标签里的值、javascript,如何快速获取li下的span、ul li ul il结构用js怎么获取最底层的li对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)