Question

您好我正在个人网站上工作，并试图发表评论框。它仍然非常基本，但我有一个按钮，调用一个函数，存储人的名称和注释本身的值，然后希望将其输出到某个地方（我不在乎哪里，只是想看到输出）

这是我到目前为止所获得的一小部分，但它没有做任何事情，我也不知道我在做什么;）所以请救我

               <section class="body_right_comment_input">
                    <p> Name: </p> 
                    <input type="text" id="name_input"/> </br>
                    <p> Comment:</p>
                    <textarea id="comment_input"></textarea>
                    <button onclick="myFunction()">Click me</button>

                </section>

        <script type="text/javascript">
            function myFunction() {
            var commentName = document.getElementById("name_input").value;
            var commentValue= document.getElementById("comment_input").value;
            document.write(commentName)
            document.write(commentValue)
            }
        </script>

Answer 1

错误报警！我的右括号位于错误的位置！但是，请随意回答并建议更好的方法来执行此操作或如何将其输出到html本身

Answer 2

要将内容输出到HTML中的某个位置，您可以使用innerHTML，如下所示：

document.getElementById('myAnchor').innerHTML="W3Schools";

Answer 3

用户输出内部HTML：http://jsfiddle.net/z4hjv/

<section class="body_right_comment_input">
    <p>Name:</p>
    <input type="text" id="name_input" />
    </br>
    <p>Comment:</p>
    <textarea id="comment_input"></textarea>
    <button onclick="myFunction()">Click me</button>
    <span id="comment_result"></span>
</section>

function myFunction() {
    var commentName = document.getElementById("name_input").value;
    var commentValue = document.getElementById("comment_input").value;
    document.getElementById("comment_result").innerHTML = commentName + commentValue;
}

在javascript中输出变量值

3 个答案: