Javascript getElementbyId返回空的外部js文件夹_Javascript

Javascript getElementbyId返回空的外部js文件夹

javascript

Javascript getElementbyId返回空的外部js文件夹,javascript,Javascript,现在我快发疯了，因为这个错误看起来很简单，但我不明白这里有一个div，id=“origin” <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Enter short, descriptive title here</title> <style type="text/css" media="all">

现在我快发疯了，因为这个错误看起来很简单，但我不明白

这里有一个div，

id=“origin”

<!DOCTYPE HTML>
<html>
    <head>
    <meta charset="UTF-8">
        <title>Enter short, descriptive title here</title>
    <style type="text/css" media="all">

        @import url("style.css");   

    </style>
</head>
<body id="body">
    <div id="curtain">

    <p>Welcome to your Destination</p>

    </div>
    <div id="container">
        <div id="top">
        <h1>Someting can go in here</h1>

        </div>
        <div id="divider"></div>
            <div id="bottom">               

                <div id="origin">Origin</div>
                <h2 id = "the_destination">Destination</h2>
                <div id="the_brackets">(The Brackets)</div>
                <div id="the_price">$249</div>
                <div id="the_cta">BOOK NOW</div>

            </div>
    </div>

<script type="text/javascipt">

      window.onload = function(){
        dynamicText();
    }
    </script>

</body>

由于某些原因，这将返回null。我只是想得到id=“origin”所在的值。这就是我想做的，但这给了我一个机会 “空”错误。我看不出哪里出了问题。

没有

值

属性。尝试访问

textContent

您还需要确保脚本在生成元素后运行

将

移动到

使用并调用该函数或包装其中引用DOM的代码

没有

值

属性。尝试访问

textContent

您还需要确保脚本在生成元素后运行

将

移动到

使用并调用该函数或包装其中引用DOM的代码

没有

值

属性。尝试访问

textContent

您还需要确保脚本在生成元素后运行

将

移动到

使用并调用该函数或包装其中引用DOM的代码

没有

值

属性。尝试访问

textContent

您还需要确保脚本在生成元素后运行

将

移动到

使用并调用该函数或包装其中引用DOM的代码

问题是在

div

出现之前调用函数。将函数调用放入

onload

函数中

window.onload = function(){
    dynamicText();
}
// tested on win7 with chrome 46+

这样，当html完成“呈现”并

getElementById

不返回

null

时，将调用该函数

除此之外，

div

没有

值

属性使用

innerText

或

innerHTML

或

document.getElementById("origin").innerText;// or similar

更新：
评论中的信息

从jsFiddle运行示例

onload被省略，因为JSFIDLE无论如何都会将代码放入“onload事件”中

问题是在

div

出现之前调用函数。将函数调用放入

onload

函数中

window.onload = function(){
    dynamicText();
}
// tested on win7 with chrome 46+

这样，当html完成“呈现”并

getElementById

不返回

null

时，将调用该函数

除此之外，

div

没有

值

属性使用

innerText

或

innerHTML

或

document.getElementById("origin").innerText;// or similar

更新：
评论中的信息

从jsFiddle运行示例

onload被省略，因为JSFIDLE无论如何都会将代码放入“onload事件”中

问题是在

div

出现之前调用函数。将函数调用放入

onload

函数中

window.onload = function(){
    dynamicText();
}
// tested on win7 with chrome 46+

这样，当html完成“呈现”并

getElementById

不返回

null

时，将调用该函数

除此之外，

div

没有

值

属性使用

innerText

或

innerHTML

或

document.getElementById("origin").innerText;// or similar

更新：
评论中的信息

从jsFiddle运行示例

onload被省略，因为JSFIDLE无论如何都会将代码放入“onload事件”中

问题是在

div

出现之前调用函数。将函数调用放入

onload

函数中

window.onload = function(){
    dynamicText();
}
// tested on win7 with chrome 46+

这样，当html完成“呈现”并

getElementById

不返回

null

时，将调用该函数

除此之外，

div

没有

值

属性使用

innerText

或

innerHTML

或

document.getElementById("origin").innerText;// or similar

更新：
评论中的信息

从jsFiddle运行示例

onload被省略，因为JSFIDLE无论如何都会将代码放入“onload事件”中

不，

onload

，使用

domcontentload

在任何情况下，问题是在呈现html元素之前调用脚本，何时以及如何触发脚本是一个样式决定。这是一把js小提琴，在你提出建议后，它似乎仍然不起作用。也许我错过了something@Jacob我还写了一本js小提琴，这本很有用。请试试这个。在JSFIDLE中，您不需要onload，因为所有代码都将在onload上运行。：）不，

onload

，使用

domcontentload

onload

，使用

domcontentload

onload

，使用

domcontentload

在任何情况下，问题是在呈现html元素之前调用脚本，何时以及如何触发脚本是一个样式决定。这是