文章/答案/技术大牛

发布

社区首页 >问答首页 >cleartext Javascript函数不起作用

问cleartext Javascript函数不起作用
EN

Stack Overflow用户

提问于 2016-10-01 03:28:27

回答 3查看 71关注 0票数 0

我正在尝试使用cleatext来清除ID为"css“的文本区域中的内容，但它不起作用，有人知道这里出了什么问题吗？

<!DOCTYPE html>

    <html>
        <head>
            <meta charset="utf-8">
            <title>CSS3 Flexible Box Layout</title>
            <script type="text/javascript">

                function preview() {
                    var textArea = document.getElementById('html');
                    var div = document.getElementById('preview');
                    var text = textArea.value;
                    div.innerHTML = text;
                }

                function cleartext() {
                    var textareaObject = document.getElementById('css');

                    console.dir(textareaObject); 
                    textareaObject.innerHTML = "";
                }
            </script>
        </head>
        <body>
            <form action="#" method="POST">
                <div id="columnsWrapper">

                    <div class="middleRow">

                        <textarea id="css" name="css" placeholder="CSS..."></textarea>
                        <br>
                        <textarea id="html" name="html" placeholder="HTML..."></textarea>

                    </div>
                    <div class="middleRow2" id="preview"></div>
                    <div id="button">
                        <br>
                        <button type="button" class="button" onclick="preview()">Launch</button>
                        <button type="button" class="button" onclick="cleartext()" >Clear</button>
                        <button type="button" class="button">Toggle</button>
                    </div>
                    <div class="empty"></div>
                </div>
            </form>
        </body>
    </html>

此外，我还尝试使用textareaObject.value = null；它也不起作用。

javascript

html

回答 3

Stack Overflow用户

发布于 2016-10-01 03:33:14

你试过textareaObject.value = ""吗？这可能会起作用。

票数 0

Stack Overflow用户

发布于 2016-10-01 03:37:47

使用value而不是innerHTML

                function preview() {
                    var textArea = document.getElementById('html');
                    var div = document.getElementById('preview');
                    var text = textArea.value;
                    div.value = text;
                }

                function cleartext() {
                    var textareaObject = document.getElementById('css');

                    console.dir(textareaObject); 
                    textareaObject.value = "";
                }

<!DOCTYPE html>

    <html>
        <head>
            <meta charset="utf-8">
            <title>CSS3 Flexible Box Layout</title>
        </head>
        <body>
            <form action="#" method="POST">
                <div id="columnsWrapper">

                    <div class="middleRow">

                        <textarea id="css" name="css" placeholder="CSS..."></textarea>
                        <br>
                        <textarea id="html" name="html" placeholder="HTML..."></textarea>

                    </div>
                    <div class="middleRow2" id="preview"></div>
                    <div id="button">
                        <br>
                        <button type="button" class="button" onclick="preview()">Launch</button>
                        <button type="button" class="button" onclick="cleartext()" >Clear</button>
                        <button type="button" class="button">Toggle</button>
                    </div>
                    <div class="empty"></div>
                </div>
            </form>
        </body>
    </html>

票数 0

Stack Overflow用户

发布于 2016-10-01 03:40:11

http://plnkr.co/edit/4PWSzqItL55DqhVQV4PC?p=preview

<!DOCTYPE html>

    <html>
        <head>
            <meta charset="utf-8">
            <title>CSS3 Flexible Box Layout</title>
            <script type="text/javascript">

                function preview() {
                    var textArea = document.getElementById('html');
                    var div = document.getElementById('preview');
                    var text = textArea.value;
                    div.innerHTML = text;
                }

                function cleartext() {
                    var textareaObject = document.getElementById('css');

                    console.dir(textareaObject); 
                    textareaObject.value = "";
                }
            </script>
        </head>
        <body>
            <form action="#" method="POST">
                <div id="columnsWrapper">

                    <div class="middleRow">

                        <textarea id="css" name="css" placeholder="CSS..."></textarea>
                        <br>
                        <textarea id="html" name="html" placeholder="HTML..."></textarea>

                    </div>
                    <div class="middleRow2" id="preview"></div>
                    <div id="button">
                        <br>
                        <button type="button" class="button" onclick="preview()">Launch</button>
                        <button type="button" class="button" onclick="cleartext()" >Clear</button>
                        <button type="button" class="button">Toggle</button>
                    </div>
                    <div class="empty"></div>
                </div>
            </form>
        </body>
    </html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39798789

复制

相似问题

问cleartext Javascript函数不起作用
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问cleartext Javascript函数不起作用EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问cleartext Javascript函数不起作用
EN