Linux中国 Linux中国门户站!
设为主页 设为主页
收藏本站 收藏本站
 
当前位置 :首页 ->网站设计 ->JavaScript ->正文

DHTML的简单示例,动态改变页面

来源:Linuxdby.com 作者:Webmaster 时间:2007-04-13 点击: [收藏] [投稿]

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





 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇: 用正则表达式和javascript对表单进行全面验证   下一篇: Javascript中暂停功能的实现

文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论
更多相关文章
Power by linux-cn.com 粤ICP备05006655号