1.直接用ID属性进行引用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test1</title>
</head>
<body>
<div id="myDiv" >
myDiv
</div>
<script language="JavaScript"><!--
function clickHandler(){
alert(this.id);
}
myDiv.onclick = clickHandler; //使用ID进行引用
// --></script>
</body>
</html>
代码如上,测试表时在IE下有效,Firefox中无效。
2.直接用NAME属性进行引用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test1</title>
</head>
<body>
<div name="myDiv" id="divId" >
myDiv
</div>
<mce:script language="JavaScript"><!--
function clickHandler(){
alert(this.id);
}
myDiv.onclick = clickHandler; // 使用NAME进行引用
// --></mce:script>
</body>
</html>
代码如上,在FF和IE下均无效,记得以前在网上看过有人用NAME去引用,不知是自己记错了还是什么。
3.使用getElementById(),getElementsByName(),getElementsByTagName()进行引用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>test1</title>
</head>
<body>
<div name="myDiv" id="divId" >
myDiv
</div>
<mce:script language="JavaScript"><!--
function clickHandler(){
alert(this.id);
}
document.getElementById("divId").onclick = clickHandler; //id
document.getElementsByName("myDiv")[0].onclick = clickHandler ; //name
document.getElementsByTagName("div")[0].onclick = clickHandler ; //element
// --></mce:script>
</body>
</html>
代码如上,在FF和IE下均用效。