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

原文地址:https://www.cnblogs.com/Cc905/p/13226192.html