Fatal编程技术网
  • javascript/
  • 动态创建一个空白Html空间Javascript

动态创建一个空白Html空间Javascript

javascript

动态创建一个空白Html空间Javascript,javascript,Javascript,如何使用javascript动态创建空白空间？ 以下内容对我不起作用 var blank = document.createElement(" "); div.appendChild(blank); 你在找document.createTextNode（“”）我相信 但是，这只能用于纯文本，不能用于实体。如果您确实只想添加空格字符，请使用以下命令： div.innerHTML += ' '; 或 对于HTML实体。尝试使用以下方法： myElement.appendChil

如何使用javascript动态创建空白空间？ 以下内容对我不起作用

var blank = document.createElement(" ");
div.appendChild(blank);
你在找
document.createTextNode（“”）
我相信

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

如果您确实只想添加空格字符，请使用以下命令：

div.innerHTML += ' ';
或

对于HTML实体。

尝试使用以下方法：

myElement.appendChild( document.createTextNode( '\u00A0' ) );
如果您想要/需要更多空间，请使用多个
\u00A0
，例如：

myElement.appendChild( document.createTextNode( '\u00A0\u00A0' ) );
这个：

document.createEntityReference('nbsp');
并非所有浏览器都能使用，因此避免使用它

document.getElementById("mydiv").innerHTML +="!";
有效（我使用感叹来即时显示结果，替换为您想要的内容。

您可以按如下方式执行；但是如果您需要一些空白，css可能会更好（边距、填充等）

这可能会有帮助

var blank=document.createElement（“br”）；
/*这将动态创建一个br（用于中断）元素*/
myElement.appendChild（空白）；
/*myElement可以是任何HTML元素，如div，
动态创建的span、img等，
var myElement=document.createElement（“您的元素”）*/
您可以根据需要多次追加br以获得如此多的空行。



<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>";
    }


var numarray=[“1.1”、“12.20”、“151.12”、1000.2312451.0733]；
var-highetlen=0；
对于（var i=0；i，您可以使用：


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



它对我有用；）
有些选项@MattBall没有帮助。OP显然不明白
不是标签，表明了新手的技能和理解水平。试着帮助他们，而不是贬低他们-解释为什么他们所做的是不正确的。@dudewad请务必意识到评论已经有5年多了。是的，但我的回答仍然有效。不是吗这是人们如何学会良好的行为；这是我如何学会的，这也是为什么如此伟大。干杯，请小心使用innerHTML。请仔细阅读@Andreas You's right。我编辑了我的答案，以反映这只能用于添加纯文本，而不是实体。@AlexGamezo这不太正确。
.createTextNode（'\u00A0'）
将产生不间断的空格。document.createEntityReference不受Firefox、IE和Opera等web浏览器的正确支持。Ref:必须被选为最佳答案，而不是。感谢您提供此代码片段，它可能会提供一些即时帮助。通过说明这是一个好的解决方案的原因，将极大地提高其教育价值这将使它对将来有类似但不完全相同问题的读者更有用。请编辑您的答案以添加解释，并说明适用的限制和假设。这不是为了留出空间，而是为了增加行数

<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>";
    }



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