一旦div的內容發生變化，如何獲取頁面更新

我試圖更改div中的文本，但沒有非常幸運。從scrounging圍繞我想出了以下內容：一旦div的內容發生變化，如何獲取頁面更新

<script type="text/javascript"> 
    function UpdateDiv(fieldname, text) { 
     document.getElementById(fieldname).innerHTML = "<strong>" + text + "</strong>" 
    } 

    function UpdateElapsed() { 
     UpdateDiv("Key", "You Clicked Update"); 
    } 
</script> 

<div id="Key">Hi there</div> 
<form name="DemoForm" action=""> 
    <button onclick="UpdateElapsed()">Update</button> 
</form>

但是

後，我點擊更新的話「你好」留在那裏。如果我點擊在一段時間更新了一堆次，每次一次，它會說「你點擊更新」。我意識到這可能很簡單，但我是新來的，卡住了。請親切:)

來源

2014-01-15 Matthew Sanford

只是一些關於風格等的反饋我認爲沒有資本在功能開始時更常見，因爲它們意味着是類。另外，不要使用按鈕上的內聯onclick，而是通過Javascript添加事件處理程序。 – donnywals

您有兩種解決方案：
1.您可以刪除表單，並且代碼將正常工作。

function UpdateDiv(fieldname, text) { 
    document.getElementById(fieldname).innerHTML = "<strong>" + text + "</strong>"; 
} 

function UpdateElapsed() { 
    UpdateDiv("Key", "You Clicked Update"); 
} 

<div id="Key">Hi there</div> 
<button onclick="UpdateElapsed()">Update</button>

2.添加return false在UpdateElapsed功能

function UpdateDiv(fieldname, text) { 
    document.getElementById(fieldname).innerHTML = "<strong>" + text + "</strong>"; 
} 

function UpdateElapsed() { 
    UpdateDiv("Key", "You Clicked Update"); 
    return false; 
} 
<div id="Key">Hi there</div> 
<form name="DemoForm" method="get"> 
    <button onclick="return UpdateElapsed()">Update</button> 
</form>

來源

2014-01-15 08:55:54

<script type="text/javascript"> 
    function UpdateDiv(fieldname, text) { 
     document.getElementById(fieldname).innerHTML = "<strong>" + text + "</strong>" 
    } 

    function UpdateElapsed() { 
     UpdateDiv("Key", "You Clicked Update"); 
    } 
</script> 

<div id="Key">Hi there</div> 
    <button onclick="UpdateElapsed()">Update</button>

來源

2014-01-15 08:28:58 Shn

這是可行的，因爲窗體是正確的？ – donnywals

我注意到你刪除了外部窗體標籤，但它似乎仍然不適合我。現在我可以看到頁面閃爍，而其他文字爲短暫的一秒，但隨後它重置爲'嗨有' –

適用於我刪除窗體標籤，並且它不會刷新頁面後正常工作。 – Shn

它對我的工作很好..你可以顯示你的整個代碼？對不起，這不是一個評論，你需要50個代表評論，所以我不得不把它作爲一個答案。

來源

2014-01-15 08:40:51 Samp

這是所有的代碼..除了身體和html標籤（我有內的腳本，但由於某種原因代碼標籤不喜歡這些標籤，所以我刪除它們。 –

啊，它讓我評論我的自己的帖子:)那麼bizzare。你使用的是什麼瀏覽器？還donnywals發佈有關從代碼中刪除表單可能工作，你是否刪除

？ – Samp

如果你給該按鈕的ID，並添加通過JavaScript它的工作原理事件監聽。

DEMO

CODE：

HTML：

<div id="Key">Hi there</div> 
<button id="my_btn">Update</button>

的javascript：

function UpdateDiv(fieldname, text) { 
    document.getElementById(fieldname).innerHTML = "<strong>" + text + "</strong>" 
} 

function UpdateElapsed() { 
    UpdateDiv("Key", "You Clicked Update"); 
} 

document.getElementById('my_btn').addEventListener('click', UpdateElapsed);

來源

2014-01-15 08:57:55 donnywals

試試這個：

function UpdateDiv(fieldname, text) { 
    document.getElementById(fieldname).innerHTML = "<strong>" + text + "</strong>" 
} 

function UpdateElapsed() { 
    UpdateDiv("Key", "You Clicked Update"); 
} 

<div id="Key">Hi there</div> 
<form name="DemoForm" action=""> 
    <button onclick="UpdateElapsed();return false;">Update</button> 
</form>

來源

2014-01-15 09:37:43

一旦div的內容發生變化，如何獲取頁面更新

回答

相關問題