javascript如何完成语句翻转

lxf2023-02-19 10:28:46

方式:1、用“原素.innerText”句子获得必须翻转的文字;2、用“文字.split('').reverse().join('')”句子将文字开展翻转;2、用“原素.innerText=翻转文字”句子将反转后的文字载入标识原素上显示。

javascript如何完成语句翻转

实例教程作业环境:windows7系统软件、javascript1.8.5版、Dell G3计算机。

javascript完成语句翻转

完成构思:

  • 首先掌握到语句具体内容。

    由于只需文本信息,可以用innerText特性;他会获得标识(以及子标识)中所有文字,不容易获得标识(换句话说能够滤掉每一个标识)。假如有好几个空格符或者自动换行,分析为一个空格符。

  • 随后获得过的文本信息开展翻转,可以借助str.split('').reverse().join('')句子。

  • 最终应用innerText特性将翻转好一点的文本信息再次载入标识原素中,开展表明就可以。

完成编码:

<div id="demo1">欢迎走进AdminJS!</div><br>
<input type="button" value="点击图标翻转文本" id="btn"/><br><br>
<div id="demo2"></div>
<script type="text/javascript">
document.getElementById("btn").onclick=function(){
var div1=document.getElementById("demo1");
var div2=document.getElementById("demo2");
var text=div1.innerText;
div2.innerText=text.split('').reverse().join('');
}
</script>

设计效果图:

javascript如何完成语句翻转

【强烈推荐学习培训:javascript高级教程】

以上就是关于javascript如何完成语句翻转的具体内容,大量欢迎关注AdminJS其他类似文章!