2014-01-21 29 views
1

我想刪除目前的股利和另一個使用的onclick的一個按鈕刪除股利和使用按鈕的onclick

我試過下面的方法,但由於新老div的都包含不同的腳本它不替換替換「T加載腳本在新的div正確

document.getElementById("div1").style.display="block"; 
document.getElementById("div2").style.display="none"; 

我想最好的辦法就是真正去除DIV1與DIV2加載一個新的更換?

我該怎麼做?

我試過了jQuery解決方案,但我的網站似乎並不喜歡jQuery。有誰知道爲什麼?我試過純粹的JavaScript和那個作品,但不是jQuery。我加載的jQuery的頭部:(

我明白我的模板在很大程度上依賴於MooTools的可與jQuery的衝突

+0

您可以使用jQuery輕鬆地做到這一點。 。'$( 「#DIV1」)刪除(); (「#div2」)。show();' – CappY

+0

使用show方法不起作用,因爲它不會加載div2內的新腳本,它只會加載html。有沒有一個jquery,將加載div2完成 – DanBrad

+0

@DanBrad - 如果你已經根據下面的答案之一解決了這個問題,我建議標記回答的問題。你應該理清爲什麼你在jquery中遇到麻煩,但這可能是最好的另一個問題。您還需要提供更多細節。 – JBCP

回答

1

jsFiddle

<div id="div1">div1 contents</div> 
<div id="div2" style="display: none">div2 contents</div> 
<button id="button">Button</button> 

$('#button').on('click', function() { 
    $('#div1').remove(); 
    $('#div2').show(); 
}); 

或者,如果你只是想取代HTML

$('#button').on('click', function() { 
    $('#div1').html($('#div2').html()); 
}); 
0

試試這個:

<a href="javascript:void(0);" onclick="elements();">hideshow divs</a> 

和JS:

function elements() { 
    $('#div1').hide(); 
    $('#div2').show(); 
} 
1

您可以用jQuery做到這一點比較容易,首先要確保把jQuery的包括你的頭標記內。這是jQuery的最新版本:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
給這個網站

<div id="div1">div1</div> 
<div id="div2">div2</div> 
<button id="toggle">toggle</button> 

這個CSS:

#div2 { display:none; } 

你可以使用這個jQuery:

$("#toggle").click(function() { 
    $("#div1,#div2").toggle(); 
}); 

這將在divs,jsf之間來回切換iddle這裏>http://jsfiddle.net/WMPx7/

,如果你不想切換的div,你可以改變的jQuery看起來像這樣:

$("#toggle").click(function() { 
    $("#div1").hide(); 
    $("#div2").show(); 
}); 
0

我假設你既divid屬性,並有一定的數據。

純JavaScript

function fnChangeDivContent(){ 
    document.getElementById("div1").innerHTML = document.getElementById("div2").innerHTML; 
} 

HTML

<input type ="button" value = "Replace Div Content" onclick = "fnChangeDivContent()" /> 

可以幫助你。