• JS---DOM操作有哪一些


    一  DOM对象有哪一些

    1   windos

         1.属性  opener

         2.方法  open(),close()

                   例:<script langguage="javascript">

                         window.open("打开谁","打开位置_","打开窗口各种控制");

                        // window.setTimeout("ccc()",3000)

                         function ccc()

                         {

                            a(代表打开窗口对象).close();

                          }

                        </script>

                        <body>

                        <div id="dd"></div>

                        </body>

                   在b页面

                      <script language="javascript">

                      function dodo()

                       {

                              //取出值  var s=document.getElementById("t1").value;

                              // 给父窗口

                              var dd=windows.opener.document.getElementById("dd")

                              dd.innerHEML= s

                        }

                      </script>

                       <body>

                          <from>

                           <input type="text" id="t1" name="t1">

                           <input type="button" value="点击给父窗口" onclick=="dodo()"> 

                          </from>

                        </body>

                   setTimeout(),setIntervalt()

                   moveTo(),scrollTO()

    2   document

    3   location

                  属性  href    用脚本来跳转页面

                  方法  reload() 刷新页面

    4   history  

              方法   go()

    5   status

    二  JS操作document对象

    1  找到对象

              document.getElementById()          

              document.getElementsByName()

              document.getElementsByTagName()

              document.getElementsByClassName()

    2  操作对象

            操作属性

                 取值    getAttribte()

                 赋值    setAttribte()

                 删除属性   removeAttribute()

            操作样式

                 内联样式    style.xxxx

                 class 

                      className

                      把class当成属性来看

            操作内容

                 表单元素    value

                 非表单元素                     

                          innerHTML

                          innerText

            操作元素

                  操作整个元素

                        创建        字符串

                                      createElement()

                        添加子元素   appendChild()

                        删除    remove()

                        复制    clonseNode()

                  相关元素

                        前后

                        父

                        子

  • 相关阅读:
    【bzoj1707/Usaco2007 Nov】tanning分配防晒霜——贪心+优先队列
    【bzoj1754/Usaco2005 qua】Bull Math——高精度乘法
    【bzoj1709/Usaco2007 Oct】Super Paintball超级弹珠——递推
    【bzoj2060/Usaco2010 Nov】Visiting Cows 拜访奶牛——树形dp
    【bzoj1710/Usaco2007 Open】Cheappal 廉价回文——区间dp
    【bzoj1828/Usaco2010 Mar】balloc 农场分配——贪心+差分+优先队列
    【bzoj4552/Tjoi2016&Heoi2016】排序——二分+线段树/平衡树+线段树分裂与合并
    【bzoj2083/Poi2010】Intelligence test——二分+贪心
    【bzoj1596/Usaco2008 Jan】电话网络——dfs
    【bzoj1782/Usaco2010 Feb】slowdown 慢慢游——dfs序+树状数组
  • 原文地址:https://www.cnblogs.com/zqseven/p/6141259.html
Copyright © 2020-2023  润新知