<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
window.onload = function () {
var allElem = this.document.body.getElementsByTagName('*');
for (var i = 0; i < allElem.length; i++) {
allElem[i].onmouseover = function () {
var showid = document.getElementById('showID');
showid.innerHTML = '这个标签的ID是：' + this.id;
showid.style.display = 'block';
showid.style.position = 'absolute';
showid.style.left = this.offsetLeft+'px';
showid.style.top = Number(this.ofsetTop) + 20 + 'px';
showid.style.backgroundColor = 'yellow';
};
}
};
</script>
</head>
<body>
<input type="button" name="name" value="" id="1" />
<input type="text" name="name" value="" id="2" />
<input type="radio" id="3" /> 我是radio
<input type="button" name="name" value="" id="4" />
<input type="text" name="name" value="" id="5" />
<input type="radio" id="6" /> 我是radio
<input type="button" name="name" value="" id="7" />
<input type="text" name="name" value="" id="8" />
<input type="radio" id="9" /> 我是radio
<input type="button" name="name" value="" id="10" />
<input type="text" name="name" value="" id="11" />
<input type="radio" id="12" /> 我是radio
<input type="button" name="name" value="" id="31" />
<input type="text" name="name" value="" id="122" />
<input type="radio" id="443" /> 我是radio
<div id="showID" style="display:none">1111</div>
</body>
</html>
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
