码迷,mamicode.com
首页 > 其他好文 > 详细

DOM

时间:2018-10-24 22:04:07      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:ble   设置   创建   replace   classname   签名   内容   pad   ott   

什么是 HTML DOM?

HTML DOM 是:

  • HTML 的标准对象模型
  • HTML 的标准编程接口
  • W3C 标准

HTML DOM 定义了所有 HTML 元素的对象属性,以及访问它们的方法

换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

 

 

  1. Source

  访 问Source对象

  可以通过使用getElementById()来访问<source>元素:

  var x = document.getElementId(“mySource”);

  创建Source对象

  var x = document.getElementById("mySource");

 

                                                                                               Source 对象属性

属性

描述

media

设置或返回 <source> 元素中 media 属性的值。

src

设置或返回 <source> 元素中 src 属性的值。

type

设置或返回 <source> 元素中 type 属性的值

 

2.methods

   方法是我们可以在节点(HTML元素)上执行的操作。

  所有的HTML元素被定义为对象,而编程接口则对象方法和对象属性。

  方法是能够执行的操作(比如添加或者修改元素)

  属性是能够获取或设置的值(比如节点名称或内容)

 

                                                           一些 DOM 对象方法:

                                                          这里提供一些常用方法:

方法

描述

getElementById()

返回带有指定 ID 的元素。

getElementsByTagName()

返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。

getElementsByClassName()

返回包含带有指定类名的所有元素的节点列表。

appendChild()

把新的子节点添加到指定节点。

removeChild()

删除子节点。

replaceChild()

替换子节点。

insertBefore()

在指定的子节点前面插入新的子节点。

createAttribute()

创建属性节点。

createElement()

创建元素节点。

createTextNode()

创建文本节点。

getAttribute()

返回指定的属性值。

setAttribute()

把指定属性设置或修改为指定的值。

 

3. content

  改变HTML的内容,

  改变HTML样式,

  使用事件。

4.application

DOM

标签:ble   设置   创建   replace   classname   签名   内容   pad   ott   

原文地址:https://www.cnblogs.com/lizhidage/p/9845973.html

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