2015-02-06 102 views
-5

如何使用javascript更改文本的準備?例如ID DIV1 = YES,那麼DIV2顯示「你說YESjavascript更改div文本準備就緒

<div class="div1">YES</div> 
<div class="div2"></div> 
+4

告訴我們你已經嘗試了什麼。告訴我們究竟是什麼「不工作」。這不是一個免費作業網站 – Pinoniq 2015-02-06 08:44:39

+0

不清楚你想要什麼,你能解釋你想達到什麼嗎? – 2015-02-06 08:49:08

回答

0

你寫的標識,但在你的代碼是class

<div id=div1>YES</div> 
<div id=div2></div> 

<script> 
    var div1 = document.getElementById('div1'); 
    var div2 = document.getElementById('div2'); 

    if (div1.innerHTML == 'YES') { 
     div2.innerHTML = 'You said YES'; 
    } 
</script> 

http://jsfiddle.net/7r9cwf3s/

或通常,如果你想投入到第二個DIV「你說」和第一DIV的內容。

<div id=div1>XY</div> 
<div id=div2></div> 

<script> 
    var div1 = document.getElementById('div1'); 
    var div2 = document.getElementById('div2'); 

    div2.innerHTML = 'You said ' + div1.innerHTML; // returns 'You said XY' 
</script> 

http://jsfiddle.net/7r9cwf3s/1/

+0

它沒有準備就緒 – user3600217 2015-02-06 10:15:42

+0

@ user3600217:如果您將此代碼放在頁面的底部,它就會準備就緒。 – panther 2015-02-06 10:25:30

+0

嘿,你能告訴我你怎麼做到這樣的鏈接div2.innerHTML ='You said YES';而不是div2.innerHTML ='你說YES'; – user3600217 2015-02-06 23:42:49

0

$(function(){ 
 
    var text = $('.div1').text(); 
 
    
 
    if(text == "YES") 
 
    
 
    $('.div2').text("You said yes"); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="div1">YES</div> 
 
<div class="div2"></div>

0

這樣的事情,如果我的理解是否正確?

document.addEventListener('DOMContentLoaded',function(){ 
var div1 = document.getElementById('div1'); 
var div2 = document.getElementById('div2'); 
if(div1.innerText.toLowerCase() == 'yes') { 
    div2.innerHTML = 'You said YES'; 
} 
});