Question

对于下面的代码，我在IE中遇到了一些问题。传递给函数的第二个参数应该是对单击项目的引用。这在FF和Safari中运行良好，但是当我在IE7中测试它时会出错。 IE似乎得到了元素（如控制台中所示）但每当我尝试用它做任何事情时我都会收到错误：

“对象不支持此属性或方法”

感谢您的帮助。

<!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>
</head>
<body>  
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js"></script>
<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>   
<script language="javascript" type="text/javascript">   
    var Test = {            
        doIt: function(str, btn) {  
            console.log(str);
            console.log(btn);               
            if (btn.hasClassName('red')) {
                console.log('has red');         
            } else {
                console.log('doesn\'t');
            }           
        }   
    };  
</script>   
<a href="#" onClick="Test.doIt('hello', this)" class="red">Test</a> 
</body></html>

Answer 1

问题是btn不会自动拥有方法hasClassName - 这是一个Prototype扩展。

要extend your element with prototype extension functions，请在doIt()：

的顶部添加此行

btn = $(btn); // Extends element with Prototype functions.

您的代码应该可以在那里工作。

Answer 2

这是因为在使用Prototype时，元素不会在IE中的页面加载时使用Prototype函数自动扩展，它们必须通过$()调用以使用这些方法扩展元素。将其添加到函数顶部，使其在IE中运行。

doIt : function(str, btn) {
    btn = $(btn);
}

编辑：为了澄清，在IE 7（iirc）以下的所有浏览器中，HTML Elements将自动生成原型，但在IE＆lt; = 7中，它们必须通过{{1}函数来应用这些原型。

'this'对项目的引用点击错误即ie

2 个答案: