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属性的设置,表单控件

      

        

        

  • 相关阅读:
    迷宫 填充法新思路(填充干扰路径)
    类模板使用说明
    thinkphp5项目--企业单车网站(二)
    thinkphp5项目--企业单车网站(一)
    thinkphp5项目--个人博客(八)
    PHP 二维数组去掉重复值并保持原结构
    PHP join() 函数
    PHP array_merge() 函数
    thinkphp5项目--个人博客(七)
    PHP str_replace() 和str_ireplace()函数
  • 原文地址:https://www.cnblogs.com/s593941/p/9812975.html
Copyright © 2011-2022 走看看