2014-09-22 90 views
0

这里是的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 = ''; 
    } 
} 
+0

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

+0

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

+0

不要忘记在jsfiddle配置面板中将Frameworks&Extensions设置为“无换行 - ”。请检查此[jsfiddle](http:// jsfiddle达网络/学术界/ 83a54qgo/9 /) – Academia 2014-09-22 22:25:11

回答

0

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

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

希望我帮了忙!