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就可以了。
js中如何获取一个id的值：
方法一、
<html>
<head>
<script
language="javascript">
function
print(){
var
a=myformnamevalue;
alert(a);
}
</script>
</head>
<body>
<form
name="myform">
<input
type="text"
name="name"
id="nn"
/>
<input
type="button"
name="button"
value="获取"
onclick="print()"
/>
</form>
</body>
</html>
这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。
方法二、
Java代码
<html>
<head>
<script
language="javascript">
function
print(){
var
a=documentgetElementById("nn")value;
alert(a);
}
</script>
</head>
<body>
<form>
<input
type="text"
name="name"
id="nn"
/>
<input
type="button"
name="button"
value="获取"
onclick="print()"
/>
</form>
</body>
</html>
上面的两种方法都可以得到页面里input元素的值，一个是用表单名，一个是用元素id
获得当前点击的a 标签的属性值，可以使用onclick方法来实现如下面实例：
<a id="test" href="#" onclick="alert(thisid+' ' + thishref);">ddd</a>
在标签中添加okclick方法，传递需要或取的参数值，如此来获取被点击的
a 标签的Id 或者Url。
如下代码可以实现点击页面获得被点击元素的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
var e1 = getElementById("one");
//获得ID为"one"元素。
e1stylebackground = "#f00";
//改变颜色为红色！
想怎么玩就怎么玩，
但有一个疑惑：为什么不使用CSS呢？
#one:hover{};
可以使用的，如果单单是一个这种样式，使用A标签也是一个很好的办法：
<a href="javascript:void(0);">你好啊</a>
而且A也可以格式大小的，如；
<a href="javascript:void(0);" style="background:#f00;width:100px;height:50px;">你好啊</a>
别动不动使用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中如何获取一个id的值、js 如何获得被点击的a标签的Id或者url等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）