zoukankan      html  css  js  c++  java
  • DOM

    DOM的获取:

      1.获取document对象

      console.log(document);

      2.获取html对象

      document.documentElement

      3.获取body对象

      document.body

    通过三种方法来获取body中的DOM

      div #box.box

      1.通过id获取

      document.getElementById("box")

      2.通过类获取

      document.getElementsByClassName("box")

      3.通过标签获取

      document.getElementsByTagName("div")

    DOM三步走:

      (1)  获取事件源

      (2)  绑定事件

      (3)  事件驱动

    DOM操作:

      对标签属性的操作:

        setAttribute()

        getAttribute()

        .src  .alt  .id  .className

      对DOM的创建,销毁的操作:

        创建:  document.createElement,  适用于父DOM插入子DOM

        追加:  父.appendChild(子),父.insertBefore("要插入的节点","参考的子节点")  适用于兄弟之间

        删除:  父.removeChild(子)

      对样式属性的操作:oDiv.style.cssStyle

        对于style对象的操作,css中的属性都可以设置,注意margin属性,使用js设置值的时候是oDiv.style.marginLeft="30px"

      对值的操作:

        (1)  innerText  只是设置文本

        (2)  innerHTML  既设置了文本,又设置了标签

        (3)  value  对于标签中有value属性的设置,表单控件

      

        

        

  • 相关阅读:
    计算机网络第五版答案 谢希仁
    AJAX代码示例(不使用AJAX控件)
    软件工程期末资料
    各类编程语言视频教程(300G)
    AJAX无刷新分页练习
    C#使用IrisSkin2.dll美化WinForm程序界面
    asp.net判断浏览器版本代码
    C#中国身份证验证
    在IIS中使用SSL配置HTTPS网站(转)
    silverLight导出报表
  • 原文地址:https://www.cnblogs.com/s593941/p/9812975.html
Copyright © 2011-2022 走看看