javascript 定时修改web页面元素innerHTML(最广泛使用的技术)

最新推荐文章于 2023-07-24 09:58:50 发布

weixin_33692284

最新推荐文章于 2023-07-24 09:58:50 发布

阅读量255

点赞数

原文链接：https://my.oschina.net/QAAQ/blog/686897

版权

为什么80%的码农都做不了架构师？>>>

window.onload=function(){
	setTimeout("changeElements()",3000);//事件是毫秒
	
}

function changeElements(){
	var elem1=document.getElementById("elem1");
	var elem2=document.getElementById("elem2");
	var temp=elem1.innerHTML;
	elem1.innerHTML=elem2.innerHTML;
	elem2.innerHTML=temp;
	setTimeout("changeElements()",3000);//循环调用
	
}

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/innerHtml.js"></script>
	</head>
	<body>
		<div id="elem1">
			<p>paragraph text.</p>
		</div>
		
		<div id="elem2">
			<ul>
				<li>op1</li>
				<li>op2</li>
				<li>op3</li>
			</ul>
		</div>
	</body>
</html>

转载于:https://my.oschina.net/QAAQ/blog/686897