內容不更新（Javascript與HTML）

我是一個初學者javascript。我目前正在學習它。 HTML：內容不更新（Javascript與HTML）

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Using Javascript</title> 
     <meta http-equiv="author" content="@infinity"> 
     <link rel="stylesheet" type="text/css" href="css.css"> 
    </head> 
    <body> 
     <h1>Elderflower</h1> 
     <script src="javascript.js"></script> 
     <div id="content"> 
      <h2>Custom Signage</h2> 
      <div id="cost">Cost: $5 per tile</div> 
     </div> 
    </body> 
</html>

的Javascript：

var number; 
var costOne; 
var totalCost; 

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

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

現在，我認爲這應該工作，但它不工作。 <div id="cost">的文本保持不變。

請幫忙。

來源

2015-09-20 codetalker

那是什麼？請？ – codetalker

頁面中包含的JavacScript如何？ – Sirko

Srry讓我編輯 – codetalker

最有可能你正試圖更新DOM加載它甚至在 - 你可以確保執行JavaScript中的DOM通過保持JS在body標籤像下面結束載入後 -

<!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>

開始從here約窗口中加載雷丁VS DOM負載事件

來源

2015-09-20 14:36:04

內容不更新（Javascript與HTML）

回答

相關問題