javascript 深入浅出

介绍：客户端语言

四种对象 节点包括 空白 &nbsp 元素就是标签 父节点没可能是文本，肯定是元素, 兄弟节点有可能是文本，使用previousElementSibling

-回调函数，函数也是参数

innerText 是获取文本， 将html标签 去除，

操作表单元素的文本内容用value

<input type="text" value="123456" id="userName"/><br/>

获取文本节点对象，然后获取 内容

两种方式获取body

《HTML》 根标签

css选择器 querySelecter 使用该方法，只会返回唯一的元素，只会返回第一个

querySelecterAll , 返回数组

这些方法基本上都是父节点调用

-创建标签和标签内的文本

-insertBefore -parentNode -innerHTML -响应函数 for循环先执行， onclick 后执行，此时 i 为3 用 this 代替 allA[i]

样式 中的 - 不合法，修改为驼峰 并且为 行内样式 行内样式>内部样式>外联样式 ！important 是最高优先级 js 也不会起作用 js只能读取内联样式，设置也是内联样式，无法读取内部样式currentStyle 读取元素当前样式 这个只能IE使用getcomputedStyle()

属性与变量 变量没找到报错，属性没找到 undefined

currentStyle 和 getcomputedStyle 只读，不能修改 元素.style.width = “100px”

clientWidth clientHeight 获取元素可见高度宽度 没有px 只读，要修改只能通过style

1.width + padding 的总和 2.如果有滚动条，滚动条 也会减少可见高度宽度

offsetWidth offsetHeight

1.width + padding + border

offsetParent 距离他最近的开启相对定位的父元素,只要position不是static

position：“relative”

1.如果所有的祖先元素都没有 ，则返回body

offsetTop offsetLeft 相对于开启相对定位的父元素的偏移量

scrollWidth scrollHeight

1.获取滚动区域高度，也叫完整高度，

scrollTop scrollLeft 滚动条滚动的距离

//说明滚动条到底了 scrollHeight - scrollTop == clientHeight //说明水平滚动条到底了 scrollWidth - scrollLeft == clientWidth

事件对象 当事件的响应函数被触发时，浏览器都会把事件对象作为参数传入（事件对象封装了一切信息，比如：鼠标滚轮，键盘按键，鼠标坐标）

1.clientX clientY 是获取鼠标指针的水平垂直坐标