• 十一、js常用方法


    整理了一下JS常用的方法,方便用的时候查询

    HTML DOM

    HTML DOM文件对象模型,当网页被加载时,浏览器会创建页面的文档对象模型,DOM被构造为对象的树。

    1.原生JS查找元素

      a) document.getElementById("id") 查找元素没有找到返回null

      b) document.getElementsByName("name") 返回符合条件的所有元素,没有找到返回一个空数组

      c) document.getElementsByTagName("") 返回一个数组,没有找到的话返回一个空数组

      d) document.getElementsByClassName("") 返回一个数组,没有找到的话返回一个空数组

      e) document.querySelector("")  选择器,返回查找到的第一个符合条件的值

      f) document.querySelectorAll("")  返回所有符合条件的元素(数组)

    2.改变HTML的内容

    el=document.getElementById("id")

    el.attribute=新属性值

    el.name 获取元素中自带的属性

    el.getAttribute("name")  获取属性name的值

    el.setAttribute("title","test") 建立一个属性title,并且设置值为 test

    createAttribute:仅建立一个属性
    removeAttribute:删除一个属性
    getAttributeNode:获取一个节点作为对象
    setAttributeNode:建立一个节点
    removeAttributeNode:删除一个节点

    3.改变CSS样式

    el.style.属性=新属性值

    浏览器对象BOM

    所有浏览器都支持window对象,它表示浏览器窗口,所有的js全局对象、函数以及变量均自动成为window对象的成员,全局变量是window对象的属性,全局函数是window对象的方法,DOM其实也是window对象的属性之一。

    1.窗口操作

    window.open() 打开窗口

    window.close()关闭窗口

    window.moveTo() 移动当前窗口

    window.resizeTo() 调整当前窗口尺寸

    更多详见 https://www.runoob.com/js/js-htmldom-html.html

  • 相关阅读:
    Linux中$含义
    Linux文本处理之grep
    MySQL8.0.15的安装与配置---win10
    Jenkins实现自动运行jmeter脚本
    Hystrix初识
    Feign初始
    AS的Gradle下载不成功
    Linux安装一些软件
    OAuth2初识
    IDEA无法打开等奇异问题终极解决方法
  • 原文地址:https://www.cnblogs.com/Cc905/p/13226192.html
Copyright © 2020-2023  润新知