欢迎访问:常州市武进区嘉泽中心小学网站 !今天是:
栏目列表
您现在的位置是:首页>>教师>>计算机技术>>网站制作技术>>文章内容
DHTML的简单示例,动态改变页面
发布时间:2008-11-20   点击:   来源:本站原创   录入者:佚名
 

转自:
http://{域名已经过期}/Article_Show.asp?ArticleID=578

<html>
<head>
<title>DHtml举例12</title>
<style>
 body {font-family:"宋体";color="blue";font-size="9pt"}
</style>
<script language="Javascript">
function changeText()
{
 DT.innerText="我很好!";
}//function

function changeHtml()
{
 DH.innerHTML="<i><u>我姓贵!</u></i>";
}//function

function back()
{
 DT.innerText="您好吗?";
 DH.innerHTML="您姓什么?";
}
</script>
</head>

<body>
<p><font color="gray">请点击下边的文字……</font>
<ul>
<li id="DT" Onclick="changeText()">您好吗? </li>
<li id="DH" Onclick="changeHtml()">您姓什么? </li>
<li Onclick="back()">恢复原样! </li>
</ul>
</body>
</html>


附件:
    关闭窗口
    打印文档
    账号登录
    保持登录 忘记密码?
    账号与武进教师培训平台同步