0

我正在尝试访问 .htc 文件中显示的 html 元素的 div 元素，如下所示-

<div id="memberImage"></div>

来自如下所示的 javascript 文件 -

$('#memberImage').html('<h2>No Images to Display</h2>');

现在，当我访问此 div 元素时，此代码正在执行，而不会在 UI 中显示任何内容，也不会出现任何错误。但是当我使用

document.getElementById("memberImage").innerHTML="<h2>No Images to Display</h2>";

在 javascript 文件中，文本正在显示。

我已经在 .htc 文件中导入了所有相关的 Jquery 文件 -

<link rel="stylesheet" type="text/css" href="../../stylesheets/jquery.dataTables.css">
<script src="scripts/contactGlobalFunctions.js" type="text/JScript"></script>  
<script src="scripts/contactStrings.js" type="text/JScript"></script>
<script src="scripts/ImagesListDT.js" type="text/JScript"></script>
<script src="scripts/callRest.js" type="text/JScript"></script>
<script src="scripts/jquery.dataTables.min.js" type="text/JScript"></script> 
<script src="scripts/jquery-1.11.1.min.js" type="text/JScript"></script>

此外，当我使用 html 文件代替 .htc 文件时，从 javascipt 文件访问 div 元素的两种方式都给出了预期的结果。

HTML 文件内容 -

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="jquery-1.11.1.min.js" type="text/JScript"></script>
<script src="callRest.js" type="text/JScript"></script> 
<script src="datatableTest.js" type="text/JScript"></script> 
<script src="jquery.dataTables.min.js" type="text/JScript"></script> 
<script src="windowClose.js" type="text/JScript"></script> 
<link rel="stylesheet" type="text/css" href="jquery.dataTables.css">
</head>
<body>
<input type="button" value="submit" onclick="callAjax();"/>
<div id ="memberImage"/>

</body>
</html>

我的问题是为什么使用 JQuery（以及 document.getElementById()）从 html 文件访问 div 元素，而不是从 .htc 文件？

4

0 回答 0