欢迎使用CSDN-markdown编辑器

来源:互联网 发布:淘宝旺旺号怎么加好友 编辑:程序博客网 时间:2024/05/29 10:20

jsDOM事件

  1. HTML DOM (文档对象模型)
    当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
    通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。
    JavaScript 能够改变页面中的所有 HTML 元素
    JavaScript 能够改变页面中的所有 HTML 属性
    JavaScript 能够改变页面中的所有 CSS 样式
    JavaScript 能够对页面中的所有事件做出反应
  2. 查找元素 document.getElementById/Name/TagName
  3. 改变文档的内容 改变 HTML 内容
    修改 HTML 内容的最简单的方法时使用 innerHTML 属性。
    如需改变 HTML 元素的内容,请使用这个语法:
    document.getElementById(id).innerHTML=new HTML
    1. 改变 HTML 属性
      如需改变 HTML 元素的属性,请使用这个语法:
      document.getElementById(id).attribute=new value
      eg:document.getElementById(id).src=””
      5.改变 HTML 样式
      如需改变 HTML 元素的样式,请使用这个语法:
      document.getElementById(id).style.property=new style
      6.HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。
      HTML 事件的例子:
      当用户点击鼠标时 onclick
      当网页已加载时 onload
      当图像已加载时 onload
      当鼠标移动到元素上时 onmouseover
      当输入字段被改变时 onchange
      当提交 HTML 表单时
      当用户触发按键时 onmousedown