?? 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 + -