奇怪的事情发生HTML和JS

问题描述：

这里是的jsfiddle：http://jsfiddle.net/83a54qgo/奇怪的事情发生HTML和JS

我想编写一个人工智能但有一些障碍通过。它将使用纯JS无PHP。首先，出于某种原因，“提交”按钮一直想要变得非常宽泛，而我希望它能够形成其大小以适应文本内容。其次，在JS中，.innerHTML根本不起作用，并导致所有JS无法运行。当注释掉时，JS会起作用，但我不确定为什么我无法获得ID为“content”的分区的.innerHTML属性。这里是JS文件，因为它不会让我发布这个没有代码：

var text; 
var wrap = document.getElementById('content').innerHTML; 
var add = function(from) { 
    alert('This works.'); 
    if(from === 'user') { 
     text = document.getElementById('text').value; 
     wrap += "<div class='left'><div class='user'>" + text + "</div></div>"; 
     text = ''; 
    } 
}

“按钮”实际上是一个div，默认为100％宽度。如果你把小提琴放在nowrap身体模式下，小提琴对我来说工作得很好。不要确定它是如何在您的实际网站上。 – 2014-09-22 22:08:31

http://jsfiddle.net/83a54qgo/8/ – 2014-09-22 22:14:10

不要忘记在jsfiddle配置面板中将Frameworks＆Extensions设置为“无换行 -

”。请检查此[jsfiddle]（http：// jsfiddle达网络/学术界/ 83a54qgo/9 /） – Academia 2014-09-22 22:25:11

答

你在你的代码有一些错误。所以我修好了。看看这个updated fiddle！

因此，如您所看到的整个按钮对齐，您必须添加display:inline-block;在.submit类。

希望我帮了忙！

奇怪的事情发生HTML和JS

相关推荐