一個簡單的JavaScript事情。但無法使其工作

-1

有一個按鈕。點擊該按鈕後，應該出現一個按鈕。這正在發生。代碼是一個簡單的JavaScript事情。但無法使其工作

<button class="btn" onclick="showRawData();" id="url-keyvaleditor-actions-open"> 
    <i class="icon-edit"></i>POST 
</button> 

function showRawData(){ 
    document.getElementById('data').style.display='block'; 
} 

<div id="data"> 
    <button class="btn" onclick="showRawTextArea();">raw</button> 
</div>

在點擊這個按鈕Raw，我應該得到的文本區域，但該文本區域不被渲染。我已經按照上面的相同方式來渲染它。但它不起作用。

<button class="btn" onclick="showRawTextArea();">raw</button> 
<div id="textAreaId"> 
    <textarea id="code-data-raw"></textarea> 
</div>- 

function showRawTextArea(){ 
    alert('raw text'); 
    document.getElementById('textAreaId').style.display='block'; 
}

任何人都可以建議我什麼是我正在做的錯事。 showRawTextArea內的警報即將到來。

來源

2015-06-17 Sanjay

您是否嘗試對元素進行檢查並查看發生了什麼？ – Codebender

是的。我確實檢查了元素。但點擊按鈕後沒有任何變化。 – Sanjay

適合我。你如何創建一個顯示問題的jsFiddle？ – j08691

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body> 
     <button class="btn" onclick="showRawData();" id="url-keyvaleditor-actions-open"> 
     <i class="icon-edit"></i>POST 
     </button> 
     <div id="data" style="display:none"> 
      <button class="btn" onclick="showRawTextArea();">raw</button> 
     </div> 
     <div id="textAreaId" style="display:none"> 
      <textarea id="code-data-raw"></textarea> 
     </div> 
     <script> 
      function showRawData(){ 
      document.getElementById('data').style.display='block'; 
      } 
      function showRawTextArea(){ 

      document.getElementById('textAreaId').style.display='block'; 
      } 
     </script> 
    </body> 
</html>

來源

2015-06-17 03:08:00

@Oli。加工。謝謝..！ – Sanjay

您能否解釋OP的代碼和您所做的更改有什麼問題？ –

一個簡單的JavaScript事情。但無法使其工作

回答

相關問題