Dom笔记

HTML Dom


一些常用的 HTML DOM 方法：


访问 HTML 元素（节点）
getElementById() 返回带有指定 ID 的元素。
getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。


子节点操作
appendChild() 把新的子节点添加到指定节点。
removeChild() 删除子节点。
replaceChild() 替换子节点。
insertBefore() 在指定的子节点前面插入新的子节点。


属性
createAttribute() 创建属性节点。
createElement() 创建元素节点。
createTextNode() 创建文本节点。
getAttribute() 返回指定的属性值。
setAttribute() 把指定属性设置或修改为指定的值。


一些常用的 HTML DOM 属性：
innerHTML - 节点（元素）的文本值
parentNode - 节点（元素）的父节点
childNodes - 节点（元素）的子节点
attributes - 节点（元素）的属性节点


onload 和 onunload 事件
当用户进入或离开页面时，会触发 onload 和 onunload 事件。
onload 事件可用于检查访客的浏览器类型和版本，以便基于这些信息来加载不同版本的网页。
onload 和 onunload 事件可用于处理 cookies。


onchange和onblur区别
onblur是在失去焦点的时候起作用，不管文本的值是否有改变
onchange是在失去焦点并且文本的值发生了改变的时候起作用，如果值没有改变则不起作用


Math:
下舍入：Math.floor(x)
上舍入：Math.ceil(x)


String:
stringObject.substr(start,length)；（已不建议使用）
可只有start，代表截取的下标（包含）
start可为负，代表从末尾开始，end代表截取个数
stringObject.slice(start,end)；
start，end均可为负，代表从末尾开始
stringObject.substring(start,stop)；

start非负必须，end非负可选，如start>end 则交换位置

HTML5中查找元素方法

query及queryAll：查找第一个及全部，query与原始getElementById等的区别在于前者是非实时性的后者则是实时性的