js基本概念

JavaScript分为三部分

核心 ECMAScript 描述了该语言的语法和基本对象。

文档对象模型 DOM 描述处理网页内容的方法和接口。

浏览器对象模型 BOM 描述了与浏览器进行交互的方法和接口。

DOM节点

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

父(parent)、子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。
在节点树中,顶端节点被称为根(root)
每个节点都有父节点、除了根(它没有父节点)
一个节点可拥有任意数量的子
同胞是拥有相同父节点的节点

HTML DOM 对象 - 方法和属性

(1)创建新节点

  createDocumentFragment()   - 创建一个DOM片段

  createElement()   - 创建一个具体的元素

  createTextNode()   - 创建一个文本节点

  createAttribute() -  创建属性节点

(2)添加、移除、替换、插入

  appendChild()    -  插入新的子节点(元素)

  removeChild()      - 删除子节点(元素)

  replaceChild()    -  替换子节点(元素)

  insertBefore() - 在已有的子节点前插入一个新的子节点

(3)查找

  getElementsByTagName()    - 通过标签名称

  getElementsByName()    - 通过元素的Name属性的值(IE容错能力较强,
  会得到一个数组,其中包括id等于name值的)

   getElementById()    - 通过元素Id,唯一性

  getAttribute()    -  返回指定的属性值。

  setAttribute()    -  把指定属性设置或修改为指定的值

(4)常用的 HTML DOM 属性

  innerHTML - 节点(元素)的文本值

  parentNode - 节点(元素)的父节点

  childNodes - 节点(元素)的子节点

  attributes - 节点(元素)的属性节点

innerHTML 属性

获取元素内容的最简单方法是使用 innerHTML 属性
innerHTML 属性对于获取或替换 HTML 元素的内容很有用

nodeName 属性

nodeName 属性规定节点的名称。
nodeName 是只读的
元素节点的 nodeName 与标签名相同
属性节点的 nodeName 与属性名相同
文本节点的 nodeName 始终是 #text
文档节点的 nodeName 始终是 #document
注释:nodeName 始终包含 HTML 元素的大写字母标签名

nodeValue 属性

nodeValue 属性规定节点的值。
元素节点的 nodeValue 是 undefined 或 null
文本节点的 nodeValue 是文本本身
属性节点的 nodeValue 是属性值

nodeType 属性

nodeType 属性返回节点的类型。nodeType 是只读的
元素类型    NodeType
元素          1
属性          2
文本          3
注释          8
文档          9

改变 HTML 内容
改变 CSS 样式
改变 HTML 属性
通过查找到元素来改变
创建新的 HTML 元素
通过父子节点来创建(appendChild() 或 insertBefore() )
删除已有的 HTML 元素
通过父子节点来删除( removeChild() )
改变事件(处理程序)

数据类型

Number
String
Boolean
Object
Null
Undefined
Array

你可能感兴趣的:(js基本概念)