📄 6-1.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>修改元素内容</title>
</head>
<script language="JavaScript">
var num1=0;
var num2=0;
var num4=0;
function changeInnerText()
{
var myString=new Array(4);
myString[0]="欢";
myString[1]="欢迎";
myString[2]="欢迎光";
myString[3]="欢迎光临";
mF1.innerText=myString[num1%4];
num1++;
setTimeout("changeInnerText()",1000);
}
function changeInnerHTML()
{
var myString=new Array(4);
myString[0]="<font size=10 color=red>欢</font>";
myString[1]="<font size=5 color=green>欢迎</font>";
myString[2]="<font size=10 color=yellow>欢迎光</font>";
myString[3]="<font size=5 color=gray>欢迎光临</font>";
mD2.innerHTML=myString[num2%4];
num2++;
setTimeout("changeInnerHTML()",1000);
}
function changeOuterText()
{
mF3.outerText="欢迎光临";
}
function changeOuterHTML()
{
var myString=new Array(4);
myString[0]="<font id='mF4' size=10 color=red>欢</font>";
myString[1]="<font id='mF4' size=5 color=green>欢迎</font>";
myString[2]="<font id='mF4' size=10 color=yellow>欢迎光</font>";
myString[3]="<font id='mF4' size=5 color=gray>欢迎光临</font>";
mF4.outerHTML=myString[num4%4];
num4++;
setTimeout("changeOuterHTML()",1000);
}
</script>
<body leftmargin="50px" topmargin="10px">
<div id="mD1"><font id="mF1" size=5px color=blue></font></div>
<form >
<input type="button" value="changeIT" onclick="changeInnerText()">
</form>
<div id="mD2"><font id="mF2" size=5px color=blue></font></div>
<form >
<input type="button" value="changeIH" onclick="changeInnerHTML()">
</form>
<div id="mD3"><font id="mF3" size=5px color=blue></font></div>
<form >
<input type="button" value="changeOT" onclick="changeOuterText()">
</form>
<div id="mD4"><font id="mF4" size=5px color=blue></font></div>
<form >
<input type="button" value="changeOH" onclick="changeOuterHTML()">
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -