DOM 练习

练习一：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<!--中华人民共和国成立于哪一年？-->
<form>
中华人民共和国成立于哪一年：<input type="text" daan="1949年" id="f"/>
<input type="button" onclick="nian()" value="检查答案"/>
</form>
</body>
</html>
<script>
function nian()
{
    var a=document.getElementById("f");
    var a1=a.value;
    var a2=a.getAttribute("daan");
    if(a1==a2)
    {
        alert("答案正确！");
    }
    else
    {
        alert("答案错误！");
    }
}
</script>

 

 

 

练习二：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<!--同意按钮，倒计时10秒，同意按钮变成可提交的-->
<form>
<input type="submit" id="f" value="同意（9）" disabled="disabled"/>
</form>
</body>
</html>
<script>
var n=10;
var a=document.getElementById("f");
function dao()
{
    n--;
    if(n==0)
    {
        a.removeAttribute("disabled");
        a.value="同意";
    }
    else
    {
        a.value="同意（"+n+"）"
        window.setTimeout("dao()",1000);
    }
}
window.setTimeout("dao()",1000);/*这一步是调用“dao()”这个函数里面的内容，一进来首先走这一步，经过这一步调用，函数里面的内容才能使用*/
</script>

 

posted @ 2016-05-25 22:20  小飛  阅读(207)  评论(0)  编辑  收藏  举报