Javascript getElementById（'；ID'；）是否仅在部分代码中返回null_Javascript_Html

Javascript getElementById（'；ID'；）是否仅在部分代码中返回null

javascript html

Javascript getElementById（'；ID'；）是否仅在部分代码中返回null,javascript,html,Javascript,Html,我无法获得值从使用document.getElementById（“ID”）的HTML页面返回Null，在代码的所有其余部分中，一切都正常工作这么简单的事情让我抓狂，因为在代码的其他部分，一切都一样完美 HTML: JavaScript: function postNotice(){ console.log(document.getElementById('childTemplateNotice')) } HTML INDEX: <!DOCTYPE html&g

我无法获得值从使用document.getElementById（“ID”）的HTML页面返回Null，在代码的所有其余部分中，一切都正常工作

这么简单的事情让我抓狂，因为在代码的其他部分，一切都一样完美

HTML:

JavaScript:

function postNotice(){
    console.log(document.getElementById('childTemplateNotice'))
}



HTML INDEX:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-   scale=1.0">
    <title></title>



<link rel="stylesheet" type="text/css" href="notice.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../components/coments/coments.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../css/reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../components/header/header.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../components/footer/footer.css" media="screen" />
<!-- Bootstrap e Jquery -->
<link rel="stylesheet" type="text/css" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" media="screen" />
</head>
<body>
<div class="col-md-12">
    <?php include "../../components/header/header.html"; ?>

    <div id="noticeFather"class=" col-md-12">  
    <div class="ads col-md-12 top">

</div>

<div class="headerNews col-md-12">
    <h1 class="titleNotice"></h1>
    <p class="subTitle"></p>
    <div class="row">
        <span class="date"></span>

    </div>
</div>

<div class="row">
    <div class="right col-md-3"></div>

    <div class="midle col-md-6">

    <p class="body"></p>
    <span class="linkTitle"></span>
    <a class="linkUrl"></a>
    <!-- Coments -->
    <div class="comentsDiv col-md-12">

    </div>
</div>

<div class="left col-md-3"></div>
</div>
</div>    
</div>

<div class="col-md-12">
<?php include "../../components/coments/coments.html" ?>    
</div>
<?php include "../../components/footer/footer.html"; ?>
</div>
<!-- Scripts js --> 
<script type="text/javascript" src="../../node_modules/moment/min/moment.min.js"></script>
<script type="text/javascript" src="../../node_modules/axios/dist/axios.min.js"></script>  
<script type="text/javascript" src="../../node_modules/jquery/dist/jquery.min.js"></script>   
<script type="text/javascript" src="../../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>    
<script type="text/javascript" src="../../components/header/header.js">       </script>   
<script type="text/javascript" src="../../service/esmiucado-service.js"></script>
<script type="text/javascript" src="../../repositorio/repositorio.js"> </script>
<!-- Requisição DataBase -->
<script>

    postNotice()
    getComents(noticeCod)    
</script>

</body>
</html>

I already try:

$(document).ready(function() {

    function postNotice(){
        console.log(document.getElementById('childTemplateNotice'))
    }
});

and:
window.onload = function postNotice(){
    console.log(document.getElementById('childTemplateNotice'))
}

函数postNotice（）{
console.log（document.getElementById（'childTemplateNotice'））
}
HTML索引：


公告
getComents（通知代码）
我已经试过了：
$（文档）.ready（函数（）{
函数postNotice（）{
console.log（document.getElementById（'childTemplateNotice'））
}
});
以及：
window.onload=函数postNotice（）{
console.log（document.getElementById（'childTemplateNotice'））
}

但它们没有起作用

OBS：javascript和html文件位于不同的目录中

更新：

当我调用另一个页面的函数时，一切正常，所以问题是当我调用这个特定页面时，但我还没有确定

文档中的哪个问题。ready

函数要么删除其中的

函数，要么调用函数。第一个也很好，你只需要调用函数<代码>窗口。onload
工作正常

函数postNotice（）{
console.log（document.getElementById（'childTemplateNotice'））
}
事后通知（）；
$（文档）.ready（函数（）{
console.log（document.getElementById（'childTemplateNotice'））
});
window.onload=函数postNotice（）{
console.log（document.getElementById（'childTemplateNotice'））
}


问题发生的原因很简单，因为我没有调用主页面上的html元素
 您在哪里调用过postNotice（）
？请提供一个完整的示例来演示问题。您需要提供（最好是在document.ready上定义postNotice。是否可能是在document.ready之前调用postNotice，因此null不是来自document.getElementById，这是因为postNotice本身还没有定义？这只是一个猜测，因为您还没有显示代码的这一部分；a会清除这一点向上。抱歉，我现在放了index.html。他们说getElementById返回空值。如果他们不调用它，它就不能返回空值。问题中显然缺少一些重要内容。在当前状态下，它不可回答。
function postNotice(){
    console.log(document.getElementById('childTemplateNotice'))
}



HTML INDEX:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-   scale=1.0">
    <title></title>



<link rel="stylesheet" type="text/css" href="notice.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../components/coments/coments.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../css/reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../components/header/header.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../../components/footer/footer.css" media="screen" />
<!-- Bootstrap e Jquery -->
<link rel="stylesheet" type="text/css" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" media="screen" />
</head>
<body>
<div class="col-md-12">
    <?php include "../../components/header/header.html"; ?>

    <div id="noticeFather"class=" col-md-12">  
    <div class="ads col-md-12 top">

</div>

<div class="headerNews col-md-12">
    <h1 class="titleNotice"></h1>
    <p class="subTitle"></p>
    <div class="row">
        <span class="date"></span>

    </div>
</div>

<div class="row">
    <div class="right col-md-3"></div>

    <div class="midle col-md-6">

    <p class="body"></p>
    <span class="linkTitle"></span>
    <a class="linkUrl"></a>
    <!-- Coments -->
    <div class="comentsDiv col-md-12">

    </div>
</div>

<div class="left col-md-3"></div>
</div>
</div>    
</div>

<div class="col-md-12">
<?php include "../../components/coments/coments.html" ?>    
</div>
<?php include "../../components/footer/footer.html"; ?>
</div>
<!-- Scripts js --> 
<script type="text/javascript" src="../../node_modules/moment/min/moment.min.js"></script>
<script type="text/javascript" src="../../node_modules/axios/dist/axios.min.js"></script>  
<script type="text/javascript" src="../../node_modules/jquery/dist/jquery.min.js"></script>   
<script type="text/javascript" src="../../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>    
<script type="text/javascript" src="../../components/header/header.js">       </script>   
<script type="text/javascript" src="../../service/esmiucado-service.js"></script>
<script type="text/javascript" src="../../repositorio/repositorio.js"> </script>
<!-- Requisição DataBase -->
<script>

    postNotice()
    getComents(noticeCod)    
</script>

</body>
</html>

I already try:

$(document).ready(function() {

    function postNotice(){
        console.log(document.getElementById('childTemplateNotice'))
    }
});

and:
window.onload = function postNotice(){
    console.log(document.getElementById('childTemplateNotice'))
}