码迷,mamicode.com
首页 > 编程语言 > 详细

javascript积累

时间:2015-05-14 18:09:45      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:

本来是java程序员,但是工作过程中总是遇到各种js的任务得完成,所以也得慢慢积累啊!

一、浏览器对象模型(Browser Object Model)BOM
    window对象:当前浏览器窗口
        所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

        全局变量是 window 对象的属性。

        全局函数是 window 对象的方法。

    使用window对象的属性:window.xxx,也可以直接xxx调用

    例:var element=document.getElementById("intro");

二、文档对象模型(Document Object Model)DOM 

  分三个部分:

    • 核心 DOM - 针对任何结构化文档的标准模型
    • XML DOM - 针对 XML 文档的标准模型
    • HTML DOM - 针对 HTML 文档的标准模型

  HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。我们主要涉及HTML DOM

三、HTML DOM

  1.HTML DOM 标准,HTML 文档中的所有内容都是节点:

  • 整个文档是一个文档节点
  • 每个 HTML 元素是元素节点
  • HTML 元素内的文本是文本节点
  • 每个 HTML 属性是属性节点
  • 注释是注释节点

  所有节点组成DOM树,从根节点html开始,一级级向下。

  既然有树,就有树的所有叫法:父(parent)、子(child)和同胞(sibling)。

  DOM树中所有节点都可以通过js进行获取、修改、添加、删除。

  2.一些常用的 HTML DOM 方法:

    • getElementById(id) - 获取带有指定 id 的节点(元素)
    • appendChild(node) - 插入新的子节点(元素)
    • removeChild(node) - 删除子节点(元素)

   一些常用的 HTML DOM 属性:

    • innerHTML - 节点(元素)的文本值
    • parentNode - 节点(元素)的父节点
    • childNodes - 节点(元素)的子节点
    • attributes - 节点(元素)的属性节点

 

javascript积累

标签:

原文地址:http://www.cnblogs.com/brolanda/p/4503707.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!