DOM-Element() 对象

元素与节点的区别:

1)通过节点访问或操作HTML页面内容:

1.元素节点:表示HTML页面中的标签

2.属性节点:表示HTML页面中标签的属性

3.文本节点:表示HTML页面中标签的文本内容

2)通过元素访问或操作 HTML页面内容:

元素:表示 HTML页面中的标签

遍历元素:

1.获取父元素(指定标签查找其父元素) (parentElement)

注:parentNode 表示获取指定元素的父节点。这个父节点可能是元素节点,也可能是文档节点。

parentElement 表示获取指定元素的父元素节点。该元素没有父节点,或者它的父节点不是?一个元 素节点,则返回 null 。

2.获取子元素(指定标签查找其子元素) (firstElementChild :获取指定标签的第一个子元素)

(lastElementChild :获取指定标签的最后一个子元素)

(children :获取指定标签的所有子元素)

注:childNodes 返回指定元素的子元素集合,包括 HTML 节点、所有属性、文本节点。

children 返回指定元素的子元素集合,但它只返回 HTML 元素节点。

3.获取兄弟元素(指定标签查找兄弟元素) (previousElementSibling : 获取指定节点的前一个兄弟节点)

(nextElementSibling : 获取指定节点的后一个兄弟节点)

title:鼠标悬停

获取属性

1.getArribute(获取HTML页面标签的指定属性值) 语法:元素.getArribute(属性名)

2.setArribute(增加HTML页面标签的指定属性) 语法:元素.setArribute(属性名,属性值)

3.removArribute(删除HTML页面标签的指定属性值) 语法:元素.removArribute(属性名)

4.hasArribute(判断HTML页面标签的是否含有属性) 语法:元素.hasArribute(属性名)

时间: 2024-10-24 22:11:40

DOM-Element() 对象的相关文章

DOM - Element 对象

http://www.runoob.com/dom/dom-element.html Element 对象 Element 对象代表 XML 文档中的一个元素.元素可以包含属性.其他元素或文本.如果一个元素包含文本,则在文本节点中表示该文本. 重要事项:文本永远存储在文本节点中.在 DOM 处理过程中的一个常见的错误是,导航到元素节点,并认为此节点含有文本.不过,即使最简单的元素节点之下也拥有文本节点.举例,在 <year>2005</year> 中,有一个元素节点(year),同

THML DOM / Element 对象操作

随着Vue等MVVM框架流行,操作DOM已经不想之前那么频繁,因此很多DOM的操作已经陌生,特此回顾HTML中DOM操作 获取Element节点 熟悉的有 通过ID获取,返回element对象            document.getElementById(elementId) 通过Name获取,返回element对象数组       document.getElementsByName(elementName) 通过TagName获取,返回element对象数组  document.ge

HTML DOM Event对象

我们通常把HTML DOM Event对象叫做Event事件 事件驱动模型 事件源:(触发事件的元素)事件源对象是指event对象 其封装了与事件相关的详细信息. 当事件发生时,只能在事件函数内部访问的对象 处理函数结束后会自动销毁 事件流:当页面元素触发事件的时候, 该元素的容器以及整个页面都会按照特定的顺序响应该元素的触发事件 事件传播的顺序叫做事件流. 事件分类:鼠标事件,键盘事件,表单事件,页面事件 我这里主要列举鼠标事件的: 1.鼠标事件: var btnNum = event.but

HTML DOM Window对象

本篇主要介绍HTML DOM Window对象的属性和方法. 目录 1.介绍:描述HTML DOM Window对象. 2.属性:介绍window对象的属性.如:对Console.Document.History.Location和Navigator对象的引用. 3.方法:介绍window对象的方法.如:获取焦点.改变滚动条.设置定时器等等. 1. 介绍 Window对象表示浏览器打开的窗口.标签或者框架(若当前页面里包含多个iframe,会为每个iframe创建Window对象). Windo

Jsoup代码解读之二-DOM相关对象

Jsoup代码解读之二-DOM相关对象 之前在文章中说到,Jsoup使用了一套自己的DOM对象体系,和Java XML API互不兼容.这样做的好处是从XML的API里解脱出来,使得代码精炼了很多.这篇文章会说明Jsoup的DOM结构,DOM的遍历方式.在下一篇文章,我会并结合这两个基础,分析一下Jsoup的HTML输出功能. DOM结构相关类 我们先来看看nodes包的类图: 这里可以看到,核心无疑是Node类. Node类是一个抽象类,它代表DOM树中的一个节点,它包含: 父节点parent

Ext.dom.Element 常用方法解析

Ext.Element,Ext.core.Elemen,Ext.dom.Element 这几个类都是一个类,在EXT当中给起了别名而已,这个类到作用主要是针对DOM元素操作的封装,使我们操作针对DOM操作更加方便了,而且底层屏蔽了浏览器到差异. 那么如何返回一个Ext.Element对象呢?通过Ext.get(el)就可以了. 参数 el : String/HTMLElement/Ext.Element(The id of the node, a DOM Node or an existing

DOM元素对象的属性和方法(1)

一.accessKey() 作用:获取元素焦点快捷键:设置快捷键后,使用Alt+快捷键,让元素快速获得焦点, <!DOCTYPE html> <html> <head> <title>element.accesskey</title> <meta charset="utf-8"> </head> <body> <input type="text" id="

解析DOM节点对象的属性

1.文档对象模型(DOM) 定义:允许程序和脚本访问.更改文档内容.样式和结构.它是平台无关的,意味着可以在任何计算机上使用它.它是语言无关的,以为着它能够交换客户机和服务器之间的信息,而不管任意一边使用什么语言. 2.DOM节点 DOM把HTML(或XML)文档视为一颗或者一组数(是指结构类似),也就是有一个顶层和多个构成子层的分支,并且每个子层又有分支和更多子层,顶层是文档(document),而文档的根元素是<html>. 3.节点对象属性 DOM节点对象的属性 属性 方法 childN

HTML DOM Element

HTML DOM Element(元素) 文档本身是文档节点 . 所有 HTML 元素是元素节点 . 所有 HTML 属性是属性节点 HTML 元素内的文本是文本节点 . 注释是注释节点 . NODE的用法 1.如需向 HTML DOM 添加新元素,您首先必须创建该元素,然后把它追加到已有的元素上. 创建新的 HTML 元素 使用appendChild() appendChild()实例如下: <div id="div1"> <p id="p1"&

[ jquery 方法 get(index) ] 可以将取得的相应jquery对象和DOM元素对象进行转化

取得其中一个匹配的元素:index表示取得第几个匹配的元素,这能够让你选择一个实际的DOM 元素并且对他直接操作,而不是通过 jQuery 函数.$(this).get(0)与$(this)[0]等价, 这段话的意思就是可以将jquery对象和DOM元素对象进行转化 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta htt