zoukankan      html  css  js  c++  java
  • 十一、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

  • 相关阅读:
    redis的主从复制,读写分离,主从切换
    webpack 教程资源收集
    webpack进阶之插件篇
    Mysql与Redis的同步实践
    通过Gearman实现MySQL到Redis的数据同步
    LVS+MYCAT读写分离+MYSQL同步部署手册(第三版)
    Keepalived+Redis高可用部署(第二版)
    Keepalived+Redis高可用部署
    LVS+Redis部署手册
    知识就是力量(笔记记录)
  • 原文地址:https://www.cnblogs.com/Cc905/p/13226192.html
Copyright © 2011-2022 走看看