3088569说错了，在JavaScript里面事件名是 onXXX（你百度一下“不喜欢onXXX”，就知道了，呵呵）
<html>
<head>
<title>添加onclick事件</title>
<script language="javascript" type="text/javascript">
windowonload = function() {
var tagP = documentgetElementsByTagName("p");// 获取所有P标签元素
for (var i = 0, len = tagPlength; i < len; i++) {
var thisID = tagP[i]id;
tagP[i]onclick = function() {// 给P标签添加onclick事件
alert(thisID);
};
}
}
</script>
</head>
<body>
<p id="1">1111111111</p>
<p id="2">2222222222</p>
</body>
</html>
对了，看了我为ぁ琴狂的回答才发觉，你是要d出ID的吧？
但你自己写的那里面确是里面的内容，如果你要的是内容的话，把var thisID = tagP[i]id;改一下，改成tagP[i]innerHTML就可以了。
<script language="javascript">
function getValue(obj){
var id = null;//这个是要的id
if(obj){
id=objid;
}
locationhref="XXX";
}
</script>
<a id="1" onclick="getValue(this)">
<a id="2" onclick="getValue(this)>
花了点功夫写的哈
<style type="text/css">
active {
background-color: red;
}
</style>
<script>
var prev ={obj:null,val:null,id:null};
var curr ={obj:null,val:null,id:null};
function a(btn){
var btns = documentgetElementsByTagName("input");
for(var i=0;i<btnslength;i++){
btns[i]className = '';
}
btnclassName = 'active';
var val = btngetAttribute('val');
currobj = btn;
currval = val;
currid = btnid;
alert(prevval+"==="+currval)
if(prevval == currval&&previd!=currid){
currobjstyledisplay="none";
prevobjstyledisplay="none";
prevobj = null;
prevval = null;
previd = null;
}else{
prevobj = currobj;
prevval = currval;
previd = currid;
}
}
</script>
<input id="a" val="1" type="button" value="a" onclick="a(this)">
<input id="b" val="2" type="button" value="b" onclick="a(this)">
<input id="c" val="3" type="button" value="c" onclick="a(this)">
<input id="d" val="3" type="button" value="d" onclick="a(this)">
<input id="e" val="2" type="button" value="e" onclick="a(this)">
<input id="f" val="1" type="button" value="f" onclick="a(this)">
如下代码可以实现点击页面获得被点击元素的id
$(document)click(function(e) { // 在页面任意位置点击而触发此事件$(etarget)attr("id"); // etarget表示被点击的目标
})
示例代码如下
创建Html元素
<div class="box"><span>点击页面后，设置被点击元素背景色并获取其id：</span><br>
<div class="content" id = "test">test
<div id = "test1">test1
<div id = "test2">test2
<div id = "test3">test3</div>
</div>
</div>
</div>
</div>
设置css样式
divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}divbox span{color:#999;font-style:italic;}
divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
divcontent div{min-width:20px;min-height:20px;padding:30px;border:1px solid #446699;background:#ffffff;}
bg{background:#ff99cc !important;}
编写jquery代码
$(function(){$(document)click(function (e) {
$(etarget)addClass('bg'); // 设置背景色
alert($(etarget)attr('id')); // 获取id
})
})
观察效果
初始状态
点击id为test2的div
js:
function doCancel(obj){
//js获取
alert(objid);
//jquery获取
alert($(obj)attr("id"));
}
html:
<img height="80px" width="70px" id="img00" onclick="doCancel(this)">
以上就是关于js获取点击的标签id的疑问 不用jQuery全部的内容，包括:js获取点击的标签id的疑问 不用jQuery、请问如何用js获取点击的链接<a>的id值、JSP怎么获取当前点击按钮的ID值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）