HTML代碼塊替換

我在學習cshtml/js，我不太清楚如何替換文本塊。這裏是我的代碼：HTML代碼塊替換

<!DOCTYPE html> 
    <html> 
    <head> 

     <p id = "Jonny">Jonny the giant </p> 
     <p> hi there <b id ="mytext"> dood! </b></p> 

    <script> 
     function Replace() { 
      y = document.getElementById("mytext"); 
      y.innerHTML = "new string";    @* what I want to do --> document.getElementById("Jonny");*@ 
     } 
    </script> 

    <button 
     type = "button" onclick = "Replace()" > 'MAGIC SWAP' 
    </button> 

    </body> 
    </html>

我想用文字的另一塊，我已經與識別和ID名稱

來源

2013-08-27 Liondancer

寫'y.innerHTML = document.getElementById（'Johnny'）。innerHTML'有什麼問題？ –

你應該整理你的html。你正在混合'head'和'body'的內容。在語法上該片段不符合規格。 – collapsar

這有效！但我不明白爲什麼innerHTML到最後。 – Liondancer

貌似這個替換文本的塊是你追求的。 document.getElementById("mytext").innerHTML = document.getElementById("Jonny").innerHTML;

這是您的HTML的清理版本。

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 

    <script> 
    function Replace() { 
    document.getElementById("mytext").innerHTML = document.getElementById("Jonny").innerHTML; 
    } 
</script> 
</head> 
<body> 
    <p id="Jonny">Jonny the giant</p> 
    <p>Hi there <b id="mytext"> dood! </b></p> 

    <button type="button" onclick="Replace()">MAGIC SWAP</button> 
</body> 
</html>

來源

2013-08-28 01:04:52

HTML代碼塊替換

回答

相關問題