HTML DOM 笔记

• 通过id查找HTML 元素
  var element = document.getElementById('ID')

• 通过标签名查找 HTML 元素

var y=x.getElementsByTagName("p");

• 使用document.write()向HTML中写文字
  绝不要使用在文档加载之后使用 document.write()。这会覆盖该文档。

• 使用innerHTML来改变HTML文档

• 可以类似document.getElementById().style.color = 'red'; 来改变css

• 事件处理

  • onclick()处理点击事件
  • onload 和 onunload 事件会在用户进入或离开页面时被触发。
    onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
    onload 和 onunload 事件可用于处理 cookie。
    · - onchange 事件常结合对输入字段的验证来使用。
  • onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
  • onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。

• HTML DOM节点

  • 往HTML中增加新元素必须先创建该元素，然后向一个已经存在的元素追加这个元素

  var para = document.createElement('p');
  var node = document.createTextNode('这里是内容')；
  para.appendChild(node)
  var element = document.getElementById('p1');
  element.appendChild(para);
  

  • 删除HTML中的元素， 如需删除 HTML 元素，您必须首先获得该元素的父元素

  var element = document.getElementById('p1');
  element.parentNode.removeChild(element);