关键词

createElement() createTextNode() appendChild() removeChild() insertBefore() replaceChild() confirm() style currentStyle getComputedStyle() clientWidth clientHeight offsetWidth offsetHeight offsetParent offsetTop offsetLeft scrollWidth scrollHeigth scrollTop scrollLeft onscroll

代码

  • creatElement() 创建一个新的元素节点，document对象的方法，必须以document.createElement('TagName')的形式调用

  • creatTextNode() 创建一个文本节点，document对象的方法，必须以document.createTextNode('Text')的形式调用
  • appendChild() 向节点的末尾添加一个子节点
  • removeChild() 移除子节点
  • replaceChild() 替换子节点内容
    document.getElementById("myList").replaceChild(newnode,oldnode)
  • insertBefore() 在指定子节点前添加一个新的子节点
    document.getElementById("myList").insertBefore(newItem,existingItem)
  • confirm() 用于确认或不确认的一个对话框，确认返回true，不确认返回false
  • style 只能获取元素的内联样式，可以设置
    elementName.style.width
  • currentStyle 获取样式 ，只支持IE浏览器，不是标准
  • getComputedStyle() 获取样式，不支持IE8以及以下版本
    getComputedStyle(obj,null)
  • clientWidth 获取元素内容区和内边距的宽度
  • clientHeight 获取元素内容区和内边距的高度
  • offsetWidth 获取元素内容区、内边距和边框的宽度
  • offsetHeight 获取元素内容区、内边距和边框的高度
  • offsetParent 获取离当前元素最近且开启了定位功能的祖先元素
  • offsetLeft 获取offsetWidth的宽度距离
  • offsetTop 获取offsetWidth的高度距离
  • scrollWidth 获取元素内容区和内边距的实际宽度
  • scrollHeight 获取元素内容区和内边距的实际高度
  • scrollLeft 获取滚动条竖向滚动距离

强调