zoukankan      html  css  js  c++  java
  • 操作dom

    操作dom元素

    查元素
    id(getElementById){返回值获取到一个元素,没有找到返回null}
    class(getElementByClassName){返回值是一个类数组,没有找到返回空数组}
    标签名(getElementByTagName){返回是一个数组,没有找到返回空数组}
    name(getElementByName){返回值是一个类数组,没有返回空数组}
    选择权(querySelector(){返回值只获取到一个元素}
    querySelectotAll(){返回值是一个数组}
    )
    查属性
    点语法
    特点
    点语法操作元素注意点
    1.只能获取行内属性,不能获取行外属性(主要)
    2.获取到的是带单位的字符串
    3.属性既可以获取也可以修改
    4.获取类名使用className,不能使用class,因为是关键字
    点语法获取元素的特点
    1.可以获取标准属性
    2.可以获取点语法动态添加的属性
    3.无法获取行内自定义属性
    4.无法获取行外属性
    attribute
    特点
    attribute获取元素的特点
    1.可以获取行内标准属性
    2.可以获取行内自定义属性(主要用来操作行内自定义属性)
    3.无法获取行外属性
    4.无法获取点语法动态添加的属性
    获取
    获取元素属性:元素.getAttribute("属性名");
    设置
    设置元素属性:元素.setAttribute("属性名",属性值);
    移除
    移除元素属性:元素.removeAttribute("属性名");
    查内容
    innerText
    获取元素文本(包含子元素的文本)
    textContent
    作用和innerText完全一致 只是浏览器兼容性不同
    innerHTML
    可以识别内容中的标签, 并进行解析

  • 相关阅读:
    HashMap(HashSet)的实现
    C/C++ 安全编码 —— 指针与内存
    AlexNet神经网络结构
    查看,修改动态组成员/通讯组
    刷新已禁用用户邮箱状态
    监控DAG状态
    AD诊断命令
    PowerShell管理Exchange
    TCP连接(Time_Wait、Close_Wait)说明
    IIS配置(安装IIS、.Net、更改IIS Log目录位置)
  • 原文地址:https://www.cnblogs.com/zycs/p/12683892.html
Copyright © 2011-2022 走看看