JS实现文字替换

2021-09-18 14:57:50 阅读：120 来源： 互联网

标签：文字 tget value JS startindex str var document 替换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			p{
				width: 300px;
				background-color: aqua;
				padding: 10px;
				margin: 10px auto;
			}
			form{
				background-color: beige;
				width: 400px;
				margin: 10px auto;
			}
		</style>
	</head>
	<body>
		<p id="">
			<br>打开王者荣耀，进入到游戏界面；2点击游戏界面，右上角的设置按钮；<br />
			<br>3进入设置页面，点击竖向菜单栏的音效设置；<br />
			<br>4在音效设置界面，先把语音聊天打开，调合适的音量；<br />
			<br>5再把游戏音效打开，调合适的音量；<br />
			<br>6最后把游戏音乐打开，调合适的音量，设置完之后，进局王者荣耀游戏开麦就有游戏声音了。<br
		</p>
		<form action="" method="post">
			<input type="text" name="" id="get" value="" />
			<input type="" name="" id="set" value="" />
			<input type="button" value="替换" id="tihuan"/>
		</form>
		<script type="text/javascript">
			var p=document.getElementsByTagName('p')[0];
			var tget=document.getElementById('get')
			var tset=document.getElementById('set')
			var btn=document.getElementById('tihuan')
			
			btn.onclick=function(){
				var str=p.innerText;
				//判断内容中是否有输入的内容
				var startindex=str.indexOf(tget.value);
				var lengt=tget.value.length;
				while(startindex>-1){
					str=str.replace(tget.value,tset.value);
					startindex=str.indexOf(tget.value,startindex+1)
				}
				p.innerText=str;
				
			}
		</script>
	</body>
</html>

标签：文字,tget,value,JS,startindex,str,var,document,替换
来源： https://blog.csdn.net/weixin_47390931/article/details/120367027

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JS实现文字替换