关于JavaScript文档对象

<!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>
    <script type="text/javascript">
    function checkAll(boolVaue)
    {
        var check = document.getElementsByName("isBuy");
        for(var i=0;i<check.length;i++)
        {
            if(check[i].type=="checkbox")
            {
                check[i].checked = boolVaue;
                }
            }
    }
    </script>
</head>
    
<body style="margin:opx;">
    <table width="1000" border="1px" cellpadding="0" style="border-collapse:collapse;text-align=center;font-size:13px;">
        <tr>
            <td colspan="4" align="center">热卖</td>
        </tr>
        <tr>
            <td colspan="4">&nbsp;</td>
        </tr>
        <tr>
            <td width="15%">
                <a href="javascript:checkAll(true);">全选</a>&nbsp;
                <a href="javascript:checkAll(false);">全不选</a>
            </td>
            <td width="10%">
                商品图片
            </td>
            <td width="40%">
                商品描述
            </td>
             <td width="45%">
                商品价格
            </td>
        </tr>
         <tr>
            <td><input type="checkbox"  name="isBuy" /></td>
            <td></td>
            <td >皮鞋 黑色</td>
            <td align="left">原价<del>￥999</del>
            <span style="color:#066;">售价￥299</span></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="isBuy" /></td>
            <td></td>
            <td >皮鞋 黑色</td>
            <td align="left">原价<del>￥999</del>
            <span style="color:#066;">售价￥299</span></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="isBuy" /></td>
            <td></td>
            <td >皮鞋 黑色</td>
            <td align="left">原价<del>￥999</del>
            <span style="color:#066;">售价￥299</span></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="isBuy" /></td>
            <td></td>
            <td >皮鞋 黑色</td>
            <td align="left">原价<del>￥999</del>
            <span style="color:#066;">售价￥299</span></td>
        </tr>
    </table>
</body>
</html>

全选全不选

　　文档对象是JavaScript脚本与Html文档,css样式表之间的联系枢纽.

　　文档对象document代表浏览器窗口中的文档，该对象是wndows对象的子对象.

　　pixelTop和pixelLeft属性返回以像素px为单位的数值.

关于JavaScript文档对象

猜你喜欢