IE6用setAttribute添加事件无效

IE6下事件添加失效问题

最新推荐文章于 2021-09-02 14:58:45 发布

stairheaven

最新推荐文章于 2021-09-02 14:58:45 发布

阅读量216

点赞数

分类专栏： web前端 html javascript 文章标签： ie html firefox xhtml JavaScript ViewUI

web前端同时被 3 个专栏收录

26 篇文章

订阅专栏

javascript

18 篇文章

订阅专栏

html

10 篇文章

订阅专栏

本文探讨了在IE6浏览器中使用setAttribute添加事件时出现的无效响应问题，以及该问题在IE7及以上版本和现代浏览器如Chrome、Firefox中的正常表现。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6用setAttribute添加事件无效</title>
<style type="text/css">
* {margin:0;padding:0;margin:0 auto;}
#div1{width:200px; height:200px;background:#F03;}
</style>
</head>

<body>
<div id="div1"></div>
<script type="text/javascript">

function method(){
	alert(1);
}
var ids = "div1";

document.getElementById(ids).setAttribute("onclick","method()"); 
//document.getElementById(ids).setAttribute("onclick",method); //无效


</script>
</body>
</html>