整理了一下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() 调整当前窗口尺寸