你会用JS动态给html添加空格吗？我教你~

前端项目中有时需要动态用JS添加空格，例如为了照顾CSS的样式或者为了照顾特殊效果的实现。只要用下面这种方法就好了。

HTML:

<div id="test"></div>

如果你不单单想让div之间是null，而是想动态添加空格的话，这样(jquery):

$("#id").innerHTML += "&amp;nbsp;";

就好了

Hope It useful to You and Yous!

评论

11 楼 brian_9988 2013-01-26  

thanks!

10 楼 brian_9988 2013-01-26  

在否？如果是 td5.innerHTML ="&nbsp;";
td5.appendChild(a);

td5.appendChild(b);
var a = document.createElement("a");
a.innerHTML = "删除";
a.onclick = function(){deleteRow(a);}
a.id = "deleteid";
var str = "testadd";
var blank = document.createElement("&nbsp;");
var b = document.createElement("a");
b.innerHTML = "修改";
空格会覆盖之前的数据

9 楼 PeTiRo 2012-06-20  

$("#test").html($("#test").html()+"&nbsp;")
$("#test")[0].innerHTML += "&nbsp;";
实际出真知

8 楼 水果硬糖 2012-06-20  

tlde_ti 写道

试了下，空格怎么都没有.
http://jsfiddle.net/FAVr8/53/
改成
$("#test").html($("#test").html()+"&nbsp;")
后成功

我之前试过html()这个function 但不能动态识别出"&"这个符号 所以用inerhtml去直接修改她的dom

7 楼 tlde_ti 2012-06-20  

试了下，空格怎么都没有.
http://jsfiddle.net/FAVr8/53/
改成
$("#test").html($("#test").html()+"&nbsp;")
后成功

6 楼 水果硬糖 2012-06-19  

yuhui0531 写道

实践出真知哦。。

找到了吗？

5 楼 水果硬糖 2012-06-19  

yuhui0531 写道

或者
document.getElementById("id").innerHTML += "&amp;nbsp;";

你这样写也对 jquery引用的对象也具有这些属性 你用firebug调一下就看见了 虽然是jquery对象 只是对dom的一个封装 只是将 html 变成 [html]这种对象 所以dom的所有属性都有 你要用调试工具自己去一层一层拨开 就看见了

4 楼 yuhui0531 2012-06-19  

实践出真知哦。。

3 楼 yuhui0531 2012-06-19  

或者
document.getElementById("id").innerHTML += "&amp;nbsp;";

2 楼 水果硬糖 2012-06-19  

yuhui0531 写道

sb,这样对吗。jquery对象哪来的innerHTML？

用firebug捕捉以后你就看见了 必须有！

1 楼 yuhui0531 2012-06-19  

yuhui0531 写道

sb,这样对吗。jquery对象哪来的innerHTML？

晕。是个女孩子。我的错。。。
innerHTML是dom对象的方法啊。

("#id").html(("#id").html()+"&amp;nbsp;");