javascript获取<ul>中的前几个<li>

javascript获取<ul>中的前几个<li>,第1张

<script type="text/javascript">

function pro(){

//得到li的数组

var lis = documentgetElementById("ul的ID")getElementsByTagName("li");

for(var i=0;i<9;i++){

var li = lis[i];

//你要的9个li

}

}

</script>

<li></li>标签组合肯定不止一个,它都有自己的id,比如0;我建议给<p class="yangbanfang"></p>中a标签和<p class="canguan"></p>中input标签加一个共同元素,比如<a id="a0"></a>;<input listid="0" onlick="open2(this)"></input>

function open2(obj)

{

listid = objgetAttribute("listid");

alert(documentgetElementById("a"+listid)InnerHTML());

}

要不就就<input onlick="open2(this)"></input>

function open2(obj)

{

var node_li = objparentNodeparentNodeparentNode;

alert(node_li documentgetElementsByTagName("a")[0]InnerHTML());

}

另外估计有的函数名我写错了,我对js不熟

1、首先打开html编辑器,新建一个html文件,里面写入4个li标签,并在上方的style标签中设置li的样式,给li标签高度和宽度以及边框,同时设置li标签之间的间隔。

2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的index元素,在给每个元素添加点击事件,点击之后就会d出li标签的index值出来。

3、最后打开浏览器,点击其中的一个标签,就会d出对应的li标签数值了。

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

供参考!

以上就是关于javascript获取<ul>中的前几个<li>全部的内容,包括:javascript获取<ul>中的前几个<li>、如何用js获取li标签值、js如何获取被点击li是第几个等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9726682.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存