• 十一、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

  • 相关阅读:
    hdu--1231--并查集<连分量的个数>
    hdu--1272--并查集||图的特点
    hdu--1856--并查集的离散化处理
    hdu--1285 && 4857 --正向 || 逆向拓扑排序 && 优先队列
    hdu--1671--字典树<出现mle怎么解决>
    CF260--C--dp<最大不连续子序列和>
    Hibernate之级联关系配置的作用
    调用JS的方法
    Hibernate映射关系之多对多
    Hibernate映射关系之一对多
  • 原文地址:https://www.cnblogs.com/Cc905/p/13226192.html
Copyright © 2020-2023  润新知