你会用JS动态给html添加空格吗？小弟我教你-HTML教程-爱易网页

日期：2014-05-17　浏览次数：20760 次

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

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

HTML:

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

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

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

就好了

Hope It useful to You and Yous!

1 楼 yuhui0531 2012-06-19

yuhui0531 写道

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

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

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

2 楼水果硬糖 2012-06-19

yuhui0531 写道

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

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

3 楼 yuhui0531 2012-06-19

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

4 楼 yuhui0531 2012-06-19

实践出真知哦。。

5 楼水果硬糖 2012-06-19

yuhui0531 写道

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

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

6 楼水果硬糖 2012-06-19

yuhui0531 写道

实践出真知哦。。

找到了吗？

7 楼 tlde_ti 2012-06-20

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

8 楼水果硬糖 2012-06-20

tlde_ti 写道

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

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

9 楼 PeTiRo 2012-06-20

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。