zoukankan      html  css  js  c++  java
  • 关于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为单位的数值.

    准备太多 不如行在路上 如有指教及代码错误请消息或邮件397599682@qq.com,欢迎讨论
  • 相关阅读:
    7个技巧,帮你完美搞定网页首图设计(必看)
    听说你想跳槽?ARM和PowerPC分析,你知道吗?(速进)
    C语言必学7大步骤!(必看)
    单片机电机必不可少的30条常识!你知道吗?(欢迎大家进行补充)
    单片机外围电路设计攻略(终结版)! 不看哭一年!
    3天”速成“嵌入式之后,我明白了六件事!!!
    前端就不需要掌握算法与数据结构?
    嵌入式软件必学知识总结!
    字节跳动2017客户端工程师实习生笔试题-第四题
    并查集
  • 原文地址:https://www.cnblogs.com/degui/p/9048637.html
Copyright © 2011-2022 走看看