必须掌握的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() 调整当前窗口尺寸

看完点赞 ~养成好习惯，以上内容希望对你有帮助，如果对软件测试、接口测试、自动化测试、面试经验交流感兴趣可以加入我们。642830685，免费领取最新软件测试大厂面试资料和Python自动化、接口、框架搭建学习资料！技术大牛解惑答疑，同行一起交流。