来自CSDN技术社区
想解决如下问题：用getElementById()获得节点A位置，接着用y=getElementsByTagName("div")获得节点A下所有div标签元素，然后在循环中用y.item(i).setAttribute("onclick","treeClick()")使div元素获得onclick属性。在调试中发现div元素确实有了onclick属性，但却不会触发。不知道是什么原因。
精简代码如下：
//tree对象构造函数；
function tree(id){
//属性
this.id=id;
//方法
this.init=treeInit;
this.click=treeClick;
}
//tree对象click方法函数
function treeInit(){
//var id=this.id;
var x=document.getElementById(this.id);
if(!x) return;
var y=x.getElementsByTagName("div");
for(var i=0;i<y.length;i++){y.item(i).setAttribute("onmouseover","treeClick()",0);}
}
function treeClick(){
alert("a");
}
**********************************************************************
下面是全部代码：
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.node{ background-color:#0000FF; margin-left:10px; color:#FF0000;}
</style>
<script>
function tree(id,style){
//属性
this.id=id;
this.style=style;
//方法
this.init=treeInit;
this.click=treeClick;
this.write=treeWrite;
}
function treeInit(){
//var id=this.id;
var x=document.getElementById(this.id);
if(!x) return;
var y=x.getElementsByTagName("div");
//alert(y.length);
for(var i=0;i<y.length;i++)
{
//y.item(i).setAttribute("onmouseover","treeClick()",0);
//var str=y.item(i).tagName+":"+y.item(i).getAttribute("class");
//alert(str);
var str;
for (var j in y.item(i)){
str += "<div>"+j + ": " +y.item(i).getAttribute(j) + "</div>";
}
str+="********************************************************";
}
//document.write(str);
this.click();
}
function treeClick(){
alert("a");
}
function treeWrite(){
}
var a=new tree();
function init(){
a.id="div1";
a.style="node";
a.init();
}
</script>
</head>
<body οnlοad="init();">
<div id="div1">
<span>layer1</span>
<div>
<span>layer2</span>
<div οnmοuseοver="a.init();">
<span>layer3</span>
</div>
<div οnmοuseοver="treeClick()">
<span>layer3</span>
</div>
</div>
<div>
<span>layer2</span>
<div>
<span>layer3</span>
</div>
<div>
<span>layer3</span>
</div>
</div>
</div>
</body>
</html>
回复人： Minisheep(风云人物) ：
// Add an eventListener to browsers that can do it somehow.
// Originally by the amazing Scott Andrew.
function addEvent(obj, evType, fn){//对象，事件（没有on），函数
if (obj.addEventListener){
obj.addEventListener(evType, fn, true);
return true;
} else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
}
}
addEvent(window, "load", setCur);
function setCur(){}
301
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
