JavaScript：在DOM元素后追加space（）

Question

DOM元素是一个html字符串<span></span>，我需要在它的末尾添加一个空格，如下所示：<span></span>&nbsp。

当我在下面的代码中执行此操作时，它会在元素上返回一个对象[object HTMLSpanElement]。

我在回调函数中使用元素callback : (emoji, category, node) => {}，当我点击按钮时，它会添加带背景图像的html范围。我只想在它的末尾添加空间 -

    var str =  node + '&nbsp';
    self.myHtmlCodeL = str;

Answer 1

我认为node是一个元素。要附加到其文本，您需要使用node.innerText：

var str = node.innerText + 'some more text';
another_node.innerText = str;

但是如果你想添加特殊的&nbsp，那么你必须使用node.innerHTML：

＆＃13;

＆＃13;

var node = document.getElementById('spn');
var str = node.innerHTML;
str += '&nbsp';
node.innerHTML = str;

＆＃13;

<span id='spn'>start</span>end

＆＃13;

＆＃13;

＆＃13;

Answer 2

要在DOM对象结束后附加，可以执行

spanElement.insertAdjacentHTML('afterend', " ")

编辑：忘记分号