Question

有一个按钮。单击该按钮，将出现另一个按钮。这种情况正在发生。代码是

<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内的警报即将来临。

Answer 1

<!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>

一个简单的JavaScript事情。但是无法使其发挥作用

1 个答案: