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;

供参考!

var a_arr = documentgetElementById("demo")getElementsByTagName("a");这就是找到所有demo下的a,返回的是数组

首先先要确定一下你要获取的a标签的属性,比如id,class等,然后通过documentgetElementById('a标签的id')或documentGetElementByClass('a标签class')获取该节点对象

需要监听具体事件

列如 页面单击事件 单击不同元素 显示出HTML标签的名称(大写)

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<input type="text">

<button>ok</button>

<div style="height: 100px;weight:100px;background: orange"></div>

</body>

<script type="text/javascript">

windowaddEventListener('click',function  () {

alert(eventsrcElementnodeName);

})

</script>

</html>

js获取表单中的标签,有几种方式

documentgetElementsByTagName();//通过标签名获取

documentgetElementById();//通过id值获取

documentgetElementsByClassName();//通过类名获取,主流浏览器支持

一般是想获取父元素然后再获取子元素;

documentgetElementsByTagName("form")[1]getElementByID("num");

获取文档中第一个form标签中的id为num的元素

以上就是关于js如何获取点击<li>标签里的值全部的内容,包括:js如何获取点击<li>标签里的值、JS 如何通过标签名获取子节点(不用jq)、如何用js实现点击获取某个a标签元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存