innerText值多空格的问题

2018年12月09日Web前端

在获取元素中的innerText值时,某些时候会多出个空格。

一、现象

问题是这样的,我要获取一个td元素中的值(我使用的是innerText),如下,

<td>
    123
</td>

在IE下获取到的是‘123 ’,在最新的Edge下也是这个结果。

同样的,其他标签元素这么写也是多出空格的,如:

<span>11 </span>

二、解决方法

解决方法很多的了,比如,

  • 不留空,不换行。

像这样就行了,

<span>11</span>
  • 获取后,调用trim。

使用的时候,我们只要去下前后空格就行了。

不过为何前部没有多出空格这就不清楚了。。。

详细demo查看:github