html输出换行标签,innerHTML中标签可以换行的方法汇总

在用innerHTML生成结构时,为了看起来结构明快,可以在每行的末尾加一个反斜线\,即可保持html原结构,而不至于将标签都挤在一块

innerHTML中标签可以换行的方法

//function fnNew(){

var sHtml = '';

for(var i = 0; i < 2; i++){

sHtml += '

\
\

显示\

隐藏\

\
第'+ i +'种方法:'+ data[i]+'
\';

}

oList.innerHTML = sHtml;

}

我是今天才学到十八哥的Javascript 说到innerHMTL 的使用,当时老师说到里面的标签不换行我觉得自己如果以后操作肯定不方便,于是我把这段代码复制出来问了下做过编程的朋友们

function t2(){

var cont = document.getElementById('container');

var htmlcode = "

  • 西
";

cont.innerHTML = htmlcode;

的下面这段代码可不可以把代码写成可以换行的,

  • 西

但是功夫不负有心人,终于有人告诉我方法   见下面代码

var htmlcode = "

\

  • \
  • 东 \
  • 南 \
  • 西 \
  • 北 \
\

也就是每次需要换行的代码就多一个\   实现换行。(没什么特俗技巧,只是个人看起来觉得这样写代码觉得舒服一点)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值