39

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

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

8 回答 8

103

尝试使用这个：

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

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

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

这个：

document.createEntityReference('nbsp');

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

于 2012-06-08T15:05:49.890 回答
18

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

div.innerHTML += ' ';

或者

div.innerHTML += ' ';

对于 HTML 实体。

于 2012-06-08T15:04:05.303 回答
6

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

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

于 2012-06-08T15:03:07.953 回答
0 
document.getElementById("mydiv").innerHTML +="!";

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

于 2012-06-08T15:07:37.393 回答
0

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

var span = document.createElement("span");
span.innerHTML = " "; // (if this doesn't work try " ")
anyElement.appendChild(span); // make sure anyElement actually points to a DOM element
于 2012-06-08T15:09:22.333 回答
0

你可以使用这个：

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

它对我有用；）

于 2019-05-10T04:21:38.230 回答
-2

这可以帮助！

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 以获得那么多空行。

于 2016-12-23T01:25:12.380 回答
-2 
<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>";
    }
于 2017-10-26T13:25:42.877 回答