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

              相关元素

                    前后

                    父

                    子

posted @ 2016-12-07 15:12  欧元  阅读(134)  评论(0编辑  收藏  举报