zoukankan      html  css  js  c++  java
  • DOM

    Document Object Model 文档对象模型

    可对body里的选择器进行一系列操作

              如我们在body里写入<div id="div1"></div>

                                               <div class="div2"></div>

              想要改变里面的内容、样式、属性 就可以做以下操作

    1、内容

    innerText
    innerHTML

                  eg:

    var div1 = document.getElementById("div1");

    div1.innerHTML = "写点什么呢";                          (如果要识别比如换行<br/>,HTML可行,TEXT不可行不识别)
    div1.innerText = "写今天学习的内容吧";
    div1.innerText += "新增的内容";                             (会变成新填的内容,注意+=)

    2、样式

    Object.style.xxxxx = "???"

                eg: 改高、宽、背景色……

    var div2 = document.getElementsByClassName("div2")[0];

    div2.style.width = "100px";
    div2.style.height = "100px";
    div2.style.backgroundColor = "red"

    ……

    3、属性

    (1)设置属性   setAttribute("属性名","属性值")

    (2)移除属性   removeAttribute("属性名")

               eg:

    div2.setAttribute("hidden","hidden")             (hidden  隐藏)
    div2.removeAttribute("hidden");

  • 相关阅读:
    1058
    light oj 1067 费马小定理求逆元
    HDU 1022
    贪心
    HDU 4994 博弈。
    HDU 5234 背包。
    CodeForces 327B 水题。
    vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用
    Object.assign的用法
    react + antd 实现打印功能(踩了不少坑)
  • 原文地址:https://www.cnblogs.com/little-rock/p/7428740.html
Copyright © 2011-2022 走看看