Javascript 7- 操作DOM对象

1.用id来查询，返回值是对象 document.getElementById(‘test1’);

2.用标签来查找，返回值是对象的集合   document.getElementsByTagName(‘p‘);

3.对于表单元素，一般通过name来查询,返回值是结点列表NodeList, 也是一种对象集合。 document.getElementsByName(‘username‘)

4.按照类名去查找 document.getElementsByClassName();

5.children非标准属性，但兼容性很好，不包含空白节点。

6.childNodes 包含空白节点。

时间： 2024-10-13 00:44:31

Javascript 7- 操作DOM对象的相关文章

javascript操作dom对象

什么叫DOM? DOM是文档对象模型(Document Object Model,是基于浏览器编程(在本教程中,可以说就是DHTML编程)的一套API接口,W3C出台的推荐标准,每个浏览器都有一些细微的差别,其中以Mozilla的浏览器最与标准接近. DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容. 查找元素 1.直接查找 方法名 描述 getElementById(id) (document) 获取有指定惟一ID属性值文档中的元素 getElementsByTagNam

JavaScript 操作Dom对象

1)JavaScript  操作DOM對象 1.DOM:是Document  Object  Model 的缩写,及文档对象模型 2.DOM通常分为三类:DOM Core(核心).HTML-DOM 和 CSS-DOM 1.DOM Core DOM Core 不是JavaScript的专属品,任何一种支持DOM的编辑器语言都可以使用它 它的用途不仅限于处理一种使用标记语言编写出来的文档如HTML文档 getElementById()/getElementByTagName()等方法都是 DOM C

js操作DOM对象及怎么获取浏览器宽高

DOM独立于具体的编程语言,通常通过JavaScript访问DOM,不过并不严格要求这样.可以使用任何脚本语言来访问DOM,这要归功于其一致的API.getElementById(id) (document) 获取有指定惟一ID属性值文档中的元素getElementsByTagName_r(name) 返回当前元素中有指定标记名的子元素的数组hasChildNodes() 返回一个布尔值,指示元素是否有子元素getAttribute(name) 返回元素的属性值,属性由name指定有了W3C D

JavaScript进阶学习——DOM对象

DOM对象 1认识DOM 2getElementByName方法 3getElementByTagName方法 4区别getElementByIdgetElementByNamegetElementByTagName 5getAttribute方法 6setAttrubute方法 7节点属性 8访问子节点childNodes 9访问子节点的第一个最后项 10访问父节点parentNode 11访问兄弟节点 12插入节点appendChild 13插入节点insertBefore 14删除节点re

accp8.0转换教材第7章JavaScript操作DOM对象理解与练习

程序调试,chrome开发人员工具,DOM操作,节点和节点间的关系,节点信息,操作节点,获取元素 一.单词部分 ①alert警告②prompt提示③parentNode父节点④childNode子节点⑤firstChild第一个子节点 ⑥lastChild最后一个子节点⑦nextSibling下一个同级⑧previousSibling上一个同级 ⑨createElement创建节点元素    appendChild附加节点    insertBefore在..之前添加 cloneNode复制 节

JavaScript操作-DOM对象

DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口 一.节点和节点关系 DOM是以树状结构组织HTML文档的,HTML文档中的每个标签或元素都是一个节点, 01.整个文档是一个文档节点 02.每个HTML标签是一个元素节点 03.包含在HTML元素中的文本是文本节点 04.每一个HTML属性是一个属性节点 05.注释属于注释节点 访问节点 01.get系列 getElementById().getElementByName().getElem

js操作dom对象

属性: 1Attributes     存储节点的属性列表(只读) 2childNodes     存储节点的子节点列表(只读) 3dataType     返回此节点的数据类型 4Definition     以DTD或XML模式给出的节点的定义(只读) 5Doctype     指定文档类型节点(只读) 6documentElement     返回文档的根元素(可读写) 7firstChild     返回当前节点的第一个子节点(只读) 8Implementation     返回XMLD

Web前端开发与设计08-JavaScript操作DOM对象

学习要点 DOM分类 DOM节点间关系 访问DOM节点 节点的创建.添加.删除.替换 设置元素的样式 获取节点位置属性 DOM模型 DOM定义 DOM Core:W3C针对XML文档的操作规范.适用于XML和HTML. HTML-DOM:W3C针对HTML文档的操作规范.只适用于HTML. CSS-DOM:操作CSS的DOM,把style属性封装成对象进行操作. DOM结构 节点间的关系主要有:根节点.父节点.子节点.节点属性.节点value值和节点文本内容. 访问节点 getElement方法

js之操作dom对象的属性

JS操作表单对象的属性: <script type="text/javascript">                  function testform01(){         //0         //    var frm = document.forms[0];         //1         //    var frm = document.forms["form01"];         //    alert(frm.nam

javascript中的DOM对象的辨析

ownerDocument表示当前的document对象     var childElem = document.getElementById('testid');     if(childElem.ownerDocument()==document)     {         alert('ownerDocument is document dom object');     } 2.documentElement 表示当前的根节点html if(document.documentElem