Question

我的JavaScript程序出错了。看看：

HTML：

<form class="form-inline">
    <input class="form-control" id="present" placeholder="Introduza algo">");
</form>

<button class="btn btn-primary" onclick="apresentar()">Result</button>

</div>
<div id="result">
</div>

JS：

function apresentar (){
    var b = document.getElementById("present").value;
    var c = document.getElementById("result");
    var a = c + b;
    c.innerHTML = a;

};

我想输入一些文字，这段文字将与我之前介绍的文字连在一起。

Answer 1

您正在向文本添加DOM元素。进行此更改：

function apresentar (){
    var b = document.getElementById("present").value;
    var c = document.getElementById("result");
    c.innerHTML += b;
};

Answer 2

首先，您有一些无效的HTML。

修好后，它应该是这样的：

<form class="form-inline">
    <input class="form-control" id="present" placeholder="Introduza algo"/>
</form>

<button class="btn btn-primary" onclick="apresentar()">Result</button>


<div id="result"></div>

请确保正确关闭所有代码（例如input），并且除非您错过了某些代码，否则有一些不合适的结束divs。

然后，如上面的评论所述，使用c.innerHTML后，您的函数应如下所示：

function apresentar(){
    var b = document.getElementById("present").value;
    var c = document.getElementById("result");
    var a = c.innerHTML + b;

    c.innerHTML = a;

};

Fiddle

JavaScript简单错误

2 个答案: