内容未更新（带HTML的Javascript）_Javascript_Html

内容未更新（带HTML的Javascript）

javascript html

内容未更新（带HTML的Javascript）,javascript,html,Javascript,Html,我是javascript的初学者。我现在正在学习。 HTML: 现在我认为这应该行得通，但行不通。的文本保持不变请提供帮助。很可能您甚至在加载DOM之前就试图更新它-您可以通过将JS保留在body标记的末尾来确保在加载DOM后执行javascript，如下所示- <!DOCTYPE html> <html> <head> <title>Using Javascript</title> <l

我是javascript的初学者。我现在正在学习。 HTML:

现在我认为这应该行得通，但行不通。

的文本保持不变

请提供帮助。

很可能您甚至在加载DOM之前就试图更新它-您可以通过将JS保留在body标记的末尾来确保在加载DOM后执行javascript，如下所示-

<!DOCTYPE html>
<html>
    <head>
        <title>Using Javascript</title>
        <link rel="stylesheet" type="text/css" href="css.css">
    </head>
    <body>
        <h1>Elderflower</h1>
        <div id="content">
            <h2>Custom Signage</h2>
            <div id="cost">Cost: $5 per tile</div>
        </div>
        <script>
                var number;
                var costOne;
                var totalCost;

                 number=5;
                 costOne=2;
                 totalCost=number*costOne;

                var el=document.getElementById('cost');
                el.textContent=totalCost;
        </scirpt>
    </body>
</html>


使用Javascript
接骨木花
定制标志
费用：每块5美元
var数；
科斯顿变种；
var总成本；
数字=5；
costOne=2；
总成本=数量*成本一；
var el=document.getElementById（“成本”）；
el.textContent=总成本；

开始阅读关于窗口加载与DOM加载的内容事件

这是什么？请问？JavacScript是如何包含在页面中的？@Siddhant将脚本移到末尾body@Tushar，那就行了。。。thnxBtw@Tushar，什么是innerText和innerHTML？

var number;
var costOne;
var totalCost;

number=5;
costOne=2;
totalCost=number*costOne;

var el=document.getElementById('cost');
el.textContent=totalCost;

<!DOCTYPE html>
<html>
    <head>
        <title>Using Javascript</title>
        <link rel="stylesheet" type="text/css" href="css.css">
    </head>
    <body>
        <h1>Elderflower</h1>
        <div id="content">
            <h2>Custom Signage</h2>
            <div id="cost">Cost: $5 per tile</div>
        </div>
        <script>
                var number;
                var costOne;
                var totalCost;

                 number=5;
                 costOne=2;
                 totalCost=number*costOne;

                var el=document.getElementById('cost');
                el.textContent=totalCost;
        </scirpt>
    </body>
</html>