关于JS实现换行的实现

关于JS实现换行的实现,第1张

如何在下面的js语句中实现换行功能

<span id="output"></span>

<SCRIPT LANGUAGE="JavaScript">

<!--

var txtArr = new Array()

txtArr[0] = "远处海港传来阵阵船笛"

txtArr[1] = "我一直飘零到被你拣起"

txtArr[2] = "如今望着反映窗户纳薯玻璃"

txtArr[3] = "有个我陌生又熟悉"

var i=0

function show(){

if(i<=txtArr[0].length)

{

output.innerText+=txtArr[0].substr(i,1)

i++

}

else{

i=0

txtArr.shift()

}

}

setInterval("show()",300)

//-->

</SCRIPT>

已经实现了一个字一个的输出,但是我想在输出完一句后换行再输出下一句,形成下面的效果:

远处海港传来阵阵船笛

我一直飘零到被你拣锋茄尺起

如今望着反映窗户玻璃

有个我陌生又熟悉

有会的帮忙改下代码,重做也行,谢谢啦!!

[解决办法]

你代码有多处错误,多都写在里面了:

JScript code<span id="output"></span><SCRIPT type="text/javascript"><!--var txtArr = new Array()txtArr[0] = "远处海港传来阵阵船笛"txtArr[1] = "我一直飘零到被你拣起"txtArr[2] = "如今望着反映窗户玻璃"txtArr[3] = "有个我陌生又熟悉"var i=0var output=document.getElementById("output")function show(){//此处如果数组长度变为0,要清除Interval.并退出函数执行if(txtArr.length<=0){clearInterval(interval)return}if(i<txtArr[0].length){var obj=document.createTextNode(txtArr[0].substr(i,1))output.appendChild(obj)//此银高处创建元素节点并应用appendChild方法,因为innerText在FireFox中不支持//output.innerText+=txtArr[0].substr(i,1)i++}else{//此处创建一个换行的元素节点并appenChild.var br=document.createElement("br")output.appendChild(br)i=0txtArr.shift()}}var interval=setInterval("show()",300)//--></SCRIPT>

可以通过以下2种方式:

1、在需要换行的位置输出<让败/br>

2、段落使用<p>或者<div>等块元素括起来

示例

1、通过br的方式

<body>

  <div id='d1'>111</div>

 </body>

<script>

  document.getElementById('d1').innerHTML = '22222</br>3333'//这里通过增加</br>的方式换行

</script>

2、通过<p>的方式

<body>

  <div id='d1'>坦凳颤111</div>

 </body>

<script>

  document.getElementById('d1').innerHTML = '<p>粗指22222</p><p>3333</p>'//这里通过<p>的方式换行

</script>

直接输出html的<肆消br>就能换行了,在html页面展示 只能用html的换行。

today.getYear()+1900:today.getYear())+"年"+(today.getMonth()+1)+"月"+today.getDate()+"戚雹御日<br>"

后面添加<br>就行了高岩。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/8241114.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存