文档章节

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

年少爱追梦
 年少爱追梦
发布于 2016/06/04 02:08
字数 100
阅读 33
收藏 0
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>

 

© 著作权归作者所有

年少爱追梦
粉丝 35
博文 194
码字总数 120275
作品 0
杭州
程序员
私信 提问
JavaScript闪电入门教程

如需在 HTML 页面中插入JavaScript,请使用

材大难为用
01/25
0
0
由浅入深JavaScript——JavaScript的诞生背景

JavaScript的诞生背景 在上世纪90年代,欧美各国的web程序日益流行,但是当时用户上网还都在使用电话拨号上网,通过 调制解调器,网速仅仅只有28kb/s。而web程序的展现却日渐丰富。当时在没有...

奇葩界张三
2018/06/29
0
0
JavaScript基础学习总结

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 https://blog.csdn.net/fengxinlinux/article/details/96162470 文章目录 document.getElem...

Rotation.
07/16
0
0
Web Components 全揽

Web Components技术可以把一组相关的HTML、JS代码和CSS风格打包成为一个自包含的组件,只要使用大家熟悉的标签即可引入此组件。Web Components技术包括: Custom Element Shadow DOM Templa...

RecoReco
2018/12/02
0
0
JavaScript 高级程序设计之最佳实践

一、可维护性:可理解性、直观性、可适应性、可扩展性、可调试性 代码约定: 可读性 变量和函数命名 变量类型透明:表示变量类型的三种方式 松散耦合: 解耦HTML/JavaScript 解耦CSS/JavaScr...

jieqiuming
2014/11/02
394
1

没有更多内容

加载失败,请刷新页面

加载更多

代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0
学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
今天
8
0
VMware vSphere的两种RDM磁盘

在VMware vSphere vCenter中创建虚拟机时,可以添加一种叫RDM的磁盘。 RDM - Raw Device Mapping,原始设备映射,那么,RDM磁盘是不是就可以称作为“原始设备映射磁盘”呢?这也是一种可以热...

大别阿郎
今天
12
0
【AngularJS学习笔记】02 小杂烩及学习总结

本文转载于:专业的前端网站☞【AngularJS学习笔记】02 小杂烩及学习总结 表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy ......

前端老手
昨天
16
0
Linux 内核的五大创新

在科技行业,创新这个词几乎和革命一样到处泛滥,所以很难将那些夸张的东西与真正令人振奋的东西区分开来。Linux内核被称为创新,但它又被称为现代计算中最大的奇迹,一个微观世界中的庞然大...

阮鹏
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部