当前位置：首页 → 问答吧 → 如何自动获取页面上的对象的属性

如何自动获取页面上的对象的属性

时间：2011-09-29

来源：互联网

现在我要用js实现一个功能，当鼠标停留在页面上某个对象（比如button，textarea之类的）的时候，就能抽取出这个对象的某些属性（比如名字等等），然后把这些抽取出来的信息显示在alert窗口里面。大家能不能告诉我，实现这样一个功能，大概是怎么样一个思路，需要用到js和其它的哪些技术？谢谢大家！

作者: genius1wjc 发布时间: 2011-09-29

onmouseover事件

作者: knightzhuwei 发布时间: 2011-09-29

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script>
function getAttributes(event)
{
var target = event.srcElement || event.target;//IE下用event.srcElement,Firefox下用event.target
alert(target.getAttribute("id"));
alert(target.getAttribute("name"));
}

</script>

</head>

<body>
<input id="name" name="tangdaojun" onmouseover="getAttributes(event)"/>
</body>
</html>
这个我写的一个例子，你参考一下

作者: tangdaojunhean 发布时间: 2011-09-29

引用 2 楼 tangdaojunhean 的回复:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script>
function getAttributes(event)
{
v……

这个可以

作者: jsut_yi 发布时间: 2011-09-29

onmouseover + getAttribute 足够了

作者: hch126163 发布时间: 2011-09-29

如何自动获取页面上的对象的属性

热门阅读

热门下载