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 是获取鼠标指针的水平垂直坐标