<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
innerDiv{
border:1px solid #cccccc;
width:500px;
height:50px
}
</style>
</head>
<body>
<div style="width:500px;height:500px;background-color: #1A68A2" id="container">
<div class="innerDiv" data-index="1">1</div>
<div class="innerDiv" data-index="2">2</div>
<div class="innerDiv" data-index="3">3</div>
<div class="innerDiv" data-index="4">4</div>
<div class="innerDiv" data-index="5">5</div>
<div class="innerDiv" data-index="6">6</div>
<div class="innerDiv" data-index="7">7</div>
<div class="innerDiv" data-index="8">8</div>
</div>
<script>
function processInnderDiv(domDiv){
consolelog('div[data-index=%s] click',domDivgetAttribute("data-index"));
}
documentgetElementById("container")addEventListener("click",function(event){
processInnderDiv(eventtarget);
},false);
</script>
</body>
</html>
var DateFunc = function (self) {
var span = selfgetElementsByTagName('span');
var date;
for (var i = 0; i < spanlength; i += 1) {
var s = span[i];
if (sclassName === 'date') {
date = sinnerHTML;
break;
}
}
alert(date);
}<li id="hide1" onClick="DateFunc()">
改成
<li id="hide1" onClick="DateFunc(this)">元素本身用this就炽了 攻取div2 用var objDiv2 = documentgetElementsById("div2"); 追问： 我是想获取这个div2你后面都写出来了 回答： 把你的代码贴出来，我也可以帮你啦。 documentgetElementsByTagName这类啦。 补充： 修改一下就可以。 改你的函数没意见吧。 <div onClick="toggle('div1',this)" id="div2"></div> //=== function expand(targetid,objSelf) { if (documentgetElementById) { target=documentgetElementById(targetid); if (targetstyledisplay=="block") { targetstyledisplay="none"; } else { targetstyledisplay="block"; } } if(targetstyledisplay=="block"){ objSelfvalue="cba"; }else{ objSelfvalue="seses"; }} 是不是可以呢。呵呵。
原文链接： 动态获取js对象的元素
在开发后台 *** 作系统的时候，遇到表单清空，我用vant插件开发，该组件没有清空函数，需要自己写。嘶~，麻烦了，每个页面都有需要清空，而字段又不一样，每个页面写一个清空函数那不得累死。有没有好办法呢？有！
好了，知道[]的符号能获取对象元素值和循环获取对象，那写一个公共函数不就简单了？
有原生DOM获取以及用js库比如jquery
原生DOM的话首先获取标签对象，id或者name或其他
例：
1
<p id="targetp" >2333333</p>
<script>
var element = documentgetElementById("targetp");
var tagname = elementtagName;
alert(tagname);
</script>
jQuery获取
$("#content-header")get(0)tagName
如果已经获取到对象可以直接获取标记名
<p onclick="alert('您单击的是：'+thistagName);">中华人民共和国</p>
是获得索引么不考虑兼容问题，用一下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
以上就是关于JS怎么判断是哪个元素触发了点击事件全部的内容，包括:JS怎么判断是哪个元素触发了点击事件、JS函数 如何获得触发该函数的子元素的内容、JS如何获取调用JS的元素本身的ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）