Question

用原生js写的一个添加元素，老报错，求指教

就是在input输入东西之后，想展示在会话窗口，老报错，还有就是希望旧的会话在下面，新的会话在上面，这样用appendChild也不行，怎么搞呢

Answer 1

你好，

简单看了下你的代码，发现问题应该是appendChild参数的问题。估计是受jQuery影响导致的。

这里说明一下，appendChild接收的参数是一个Node，不是一个字符串，这个与jQuery的append方法是有区别的。所以稍微修改下代码：

// 将oShowContent.appendChild(`<ul class="...">...</ul>`)修改为

var oUl = document.createElement('ul');
oUl.className = 'show_things wode';
oUl.innerHTML = `<li class="icon_left"></li><li class="icon_right">说：${InputVal}</li>`;
oShowContent.appendChild(oUl);

这样应该就可以了。希望是你想要的答案，如有疑问可追问。

Answer 2

用 insertBefore
另外，appendChild里面的参数（也就是要添加的html代码）要写成一行，不要分成多行！！！js会把换行符当作语句的结束！！！如果一定要多行，可以用字符串拼接的方式！