即时创建一个空白的 HTML 空间 Javascript答案

【问题标题】：Create A Blank Html Space On The Fly Javascript即时创建一个空白的 HTML 空间 Javascript
【发布时间】：2019-05-10 12:21:38
【问题描述】：

如何使用 javascript 即时创建空白空间？以下不适用于我..

var blank = document.createElement("&nbsp;");
div.appendChild(blank);

【问题讨论】：

一些选项described here
@MattBall 没用。 OP 显然不明白 &nbsp; 不是标签，表明新手的技能和理解水平。尽量提供帮助，而不是贬低 - 解释为什么他们的做法是不正确的。
@dudewad 请注意该评论已超过 5 年。
是的，但我的回应仍然有效。这就是人们学习良好 SO 行为的方式；它是我如何学习它的，以及它为什么如此出色。干杯

标签： javascript

【解决方案1】：

试试这个：

myElement.appendChild( document.createTextNode( '\u00A0' ) );

如果您想要/需要更多空间，请使用多个\u00A0，例如：

myElement.appendChild( document.createTextNode( '\u00A0\u00A0' ) );

这个：

document.createEntityReference('nbsp');

不适用于所有浏览器，因此避免使用。

【讨论】：

document.createEntityReference 不被 Firefox、IE 和 Opera 等 Web 浏览器正确支持。参考：developer.mozilla.org/en-US/docs/Web/API/…
必须改为最佳答案

【解决方案2】：

如果您真的只是想附加一个空格字符，请使用以下内容：

div.innerHTML += ' ';

或

div.innerHTML += '&nbsp;';

用于 HTML 实体。

【讨论】：

谨慎使用innerHTML。请阅读potential issues

【解决方案3】：

我相信你正在寻找document.createTextNode(' ')。

这只能用于纯文本，不能用于实体。

【讨论】：

@Andreas 你是对的。我已经编辑了我的答案，以反映这只能用于添加纯文本，而不是实体。
@AlexGamezo 这不太对。 .createTextNode('\u00A0') 会产生一个不间断的空格。

【解决方案4】：

你可以这样做；但如果你想要一些空白空间，也许 css 会更好（边距，填充，......）

var span = document.createElement("span");
span.innerHTML = "&nbsp;"; // (if this doesn't work try " ")
anyElement.appendChild(span); // make sure anyElement actually points to a DOM element

【讨论】：

【解决方案5】：

document.getElementById("mydiv").innerHTML +="!";

有效（我使用感叹词来表示结果的即时性，用你想要的替换。

【讨论】：

【解决方案6】：

你可以用这个：

document.getElementById("your-button").firstChild.data = '\u00A0';

它对我有用；）

【讨论】：

【解决方案7】：

这会有所帮助！

var blank = document.createElement("br");
    /*this creates a br(for a break) element dynamically */
myElement.appendChild(blank);
    /* myElement could be any HTML element like div , 
    span , img etc created dynamically , 
    var myElement = document.createElement("your element") */

您可以多次附加 br 以获得那么多空行。

【讨论】：

这不是空间，而是附加行

【解决方案8】：

<body>
<table id="nadis">

</tr>
</table>

</body>

var numarray = ["1.1", "12.20", "151.12", 1000.23,12451.0733];
    var highetlen = 0;
    for(var i=0; i<numarray.length; i++){
        var n = numarray[i].toString();
      var res= n.split(".");
      n = res[0];

      if(highetlen < n.length){
        highetlen = n.length;
      }

    }

    for(var j=0; j<numarray.length; j++){
        var s = numarray[j].toString();
      var res= s.split(".");
      s = res[0];

        if(highetlen > s.length){
      var finallevel = highetlen - s.length;

      var finalhigh = "";
      for(k=0;k<finallevel;k++){
      finalhigh = finalhigh+ '&#160; ';
      }
        numarray[j] = finalhigh + numarray[j];
      }
      var nadiss = document.getElementById("nadis");
      nadiss.innerHTML += "<tr><td>" + numarray[j] + "</td></tr>";
    }

【讨论】：

感谢您提供此代码 sn-p，它可能会提供一些即时帮助。 A proper explanation 将通过展示为什么这是解决问题的好方法来极大地提高其教育价值，并将使其对未来有类似但不相同问题的读者更有用。请编辑您的答案以添加解释，并说明适用的限制和假设。