Javascript 如何访问使用JQuery函数加载的HTLM元素？
如何使用index.js中的Javascript 如何访问使用JQuery函数加载的HTLM元素？,javascript,jquery,html,Javascript,Jquery,Html,如何使用index.js中的document.getElementById（“元素”）访问加载在javascript代码中的header.html文件中的元素？还有另一种从index.js文件访问它的方法吗 index.html文件 <html> <head> <meta charset="utf-8"> <script src="//code.jquery.com/jquery-1.10.2.js"></script>
document.getElementById（“元素”）<html>
<head>
<meta charset="utf-8">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/jquery.js" type="text/javascript"></script>
<script>
$(function(){
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
<script src="https://www.gstatic.com/firebasejs/3.9.0/firebase.js"></script>
<script src="js/app.js" type="text/javascript" language="javascript"></script>
<script src="js/index.js" type="text/javascript" language="javascript" defer></script>
</head>
</html>
$（函数（）{
$（“#header”）.load（“header.html”）；
$（“#footer”）.load（“footer.html”）；
});
$.get('header.html', null, function(content){
alert($(content).find('#element'));
});
听起来你需要等到
$（“#header”）.load（“header.html”）在尝试对加载的内容执行任何操作之前完成。也许$（“#header”）.load（“header.html”，onheaderload）
可能会起作用（假设您在某处定义了一个名为onheaderload
的函数，甚至可能在index.js
中）
有关使用完整函数的详细信息，请参阅。您需要将header.html加载到页面中的现有元素中，然后可以使用JQuery执行以下操作：
$( "#existing-element" ).on( "click", "element-from-header-file", function() {
//do stuff
});
或者，如果您不想/无法将标头加载到现有元素中，则可以改用body：
$( "body" ).on( "click", "element-from-header-file", function() {
//do stuff
});
您可能需要阅读。在使用getElementById
时，您不会在ID选择器中放置
符号，因此只需将其删除即可。但由于您仍然在使用jQuery，因此可以访问诸如$（“#header.element”）
之类的元素，例如，如果加载到头中的元素的类为element
。不确定您是否要使用jQuery或JavaScript。如果您想使用jQuery，它如下所示：$（“#someelement”）.load（'header.html#header'）
。我正在尝试获取对象的引用，以便在onclick中使用它。谢谢！成功了！：）