js如何获取点击<li>标签里的值

js如何获取点击<li>标签里的值,第1张

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

供参考!

<html>

<div id="content">

<ul>

</ul>

<ul>

<li>第一个</li>

<li>第二个</li>

<li>第三个</li>

</ul>

</div>

<script type="text/javascript">

var uls=documentgetElementById("content")getElementsByTagName("ul");

alert(uls[1]getElementsByTagName("li")length);

</script>

</html>

<meta charset="utf-8" />

<ul id="list">

<li><a href="#">钟点清洗</a></li>

<li><a href="#">开荒保洁</a></li>

<li><a href="#">家居保养</a></li>

</ul>

<script>

function CheckLI() {

var ObjLi = documentgetElementById("list")getElementsByTagName("li");// list 是 ul 列表的 id

var Num = ObjLilength;//取得 ul 中 li 的个数

alert("本来有" + Num + "个产品");

if (Num < 6) {//如果 li 的个数小于 6 个

var x = 6-Num;//那么就算下需要添加多少个li

alert("JS将添加"+x+"个产品占位");

return AddLi(x);//把需要添加多少个 li 的数量传给用来添加 li 的另一个函数;

}

}

function AddLi (m) {

alert("CheckLI函数检查到需添加"+m+"个产品");

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

documentgetElementById('list')innerHTML+='<li><a href="#" class="addli">家好网</a></li>';

}

}

windowonload = CheckLI;//网页载入后开始执行 CheckLI 函数来检查和添加 li

</script>

<style>addli{color: red;}</style>

以上就是关于js如何获取点击<li>标签里的值全部的内容,包括:js如何获取点击<li>标签里的值、怎么用js获取id为content元素下的第二个ul元素下的li元素的个数、js判断li的数量是否是6个,如果不够,自动添加等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9384239.html

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

发表评论

登录后才能评论

评论列表(0条)

保存