0

我无法通过使用此运算符将对象传递给 loadApp() 来使用 div 标签的属性 

<!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="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<script>
function loadApp(theItem)
{
_thePage = theItem.appname;
alert(_thePage);// displaying undefined value in IE 9 while it works in IE7 and IE8(../eisptool.html)
}
</script>
</head>

在正文中，我们有一个具有以下属性的 div 标签：

<div class="treeItem" onclick="setGroup('graph');loadApp(this)" fex="GSAS"   appname="../eisptool.html" show="domainView calculationRule target" hide="trigger">Summary Graph</div>

当我尝试使用 div 标签的 appname 属性时，我得到了未定义的值。

4

1 回答 1

1

浏览器会自动将某些属性转换为属性，例如.id. 但是，自定义属性通常不会转换为属性，因此如果您想在所有浏览器中读取自定义属性，则需要使用.getAttribute().

function loadApp(theItem) {
    _thePage = theItem.getAttribute("appname");
    alert(_thePage);
}

当然，您确实应该将 HTML5 规范用于自定义属性并使用data-前缀，因此您的 HTML 中的自定义属性将是data-appname="../eisptool.html"并且您将使用getAttribute("data-appname").

于 2013-11-14T10:18:42.423 回答