JavaScript和HTML分配.getElementById和.innerHTML

-1

該分配讓我按照分步說明使用HTML按鈕執行代碼，然後使用getElementById和innerHTML JavaScript。我得到了按鈕部分的工作，但我無法讓JavaScript工作。JavaScript和HTML分配.getElementById和.innerHTML

這裏是我的代碼的身體：

<body> 
    <script type="text/javascript"> 
     var x= "JavaScript is fun. "; 

     document.writeln(x); 

     document.writeln(x + x + x + x + x); 

     function statement(x) 
     { 
      return document.writeln(x); 
     } 

     document.getElementById("change").innerHTML = x+x+x+x+x; 
    </script> 

    <button onclick="statement(x)">Click me!</button> 
    <p id="change">This will change</p> 

</body>

下面是我給出的說明：所以，如果我們想打印出JavaScript是按鈕下方的樂趣，我們可以

而不是將其寫入文檔本身，我們可以用它替換文檔中某個元素（HTML標籤）中的某些文本。
所以按鈕下方，讓我們把一個段落標記，並把它改爲「這將改變」
我們要改變這個標籤的innerHTML屬性。標籤的innerHTML是開始標籤和結束標籤之間的東西，在這種情況下，文本是「這將改變」
首先，我們需要在JavaScript內識別我們想要的標籤更改。我們可以通過使用getElementById（）方法來做到這一點。該方法只是簡單地查找具有指定id的元素（類似於頁面內鏈接）。因此，在開始的段落標記（即）中放置一個id屬性，然後在（）中放置相同的id（即getElementById（「change」）。
我再說一遍，我們會改變這個元素的innerHTML屬性，所以我們將通過說getElementById（「change」）來附加innerHTML屬性。innerHTML
不是我們所需要做的就是說這個元素與哪個對象相關聯，它在文檔中，所以我們可以使用文檔對象並通過說document.getElementById（「change」）來指定它。innerHTML
現在我們已經確定了我們想要更改的內容，改變它，我們通過設置我們想要改變的值來等於新值，所以對我來說，它是：document.getElementById（「change」）。innerHTML = x + x + x + x + x;

來源

2017-03-29 user7786382

把'的document.getElementById（）'一部分到你的'聲明（X）'函數。你應該問自己我的代碼何時執行？ – hering

我強烈建議你停止使用'document.writeln'並且不要再考慮使用它，這是非常危險的，因爲它有能力刪除整個dom –

試試這個：

var x = "JavaScript is fun. "; 
 

 
function statement(x) { 
 
    document.getElementById("change").innerHTML = x + x + x + x + x; 
 
}

<body> 
 

 
    <button onclick="statement(x)">Click me!</button> 
 
    <p id="change">This will change</p> 
 

 
</body>

來源

2017-03-29 14:29:31

JavaScript和HTML分配.getElementById和.innerHTML

回答

相關問題