ajax——dom基础

javascript中dom实现可以使我们在ajax中通过javascript代码对html和xml数据进行dom方式操作,从而做到页面的动态修改更新和数据的提取处理。

dom概念

dom文档对象模型,允许程序和脚本动态访问和更新文档的内容,结构和风格。

dom对象树

在浏览器中一个页面对应一个html文档,因此有一个与之对应的html的dom树。

例如:

在浏览器中一个页面可能处理多个xml文档,因此可能有多个xml的dom树。

dom对象树中常用的节点

在dom树中,文档内容中对应了很多不同类型的节点,它们都是node对象,node对象有一个nodetype的属性可以判断节点类型

接口 nodeType常量 nodeType值 备注
element node.element_node 1 元素节点(标签)例如:<body><input>
attr node.attribute_node 2 属性节点(属性)例如:<input>中的value属性值
text node.text_node 3 文本节点(文本)例如:<div>hello word</div>中hello word
comment node.comment_node 8 注释节点(注释),注释信息
document node.document_node 9 文档根节点,表示整个文档的根,不对应文档中任何内容

DOM的发展,与WEB标准化的大趋势相关甚密。只有基于正确的语义逻辑,DOM才能正确地发挥其功用。如今,正确的语义结构、表现与内容分离等要求,都已经成为网页设计中的基本要求。因此,在网页前端开发中,DOM的存在,无疑是为表现层、行为层甚至内容层面的连接提供了一个绝佳的API,成为热门的Ajax应用中不可或缺的组成部分。

ajax——dom基础,布布扣,bubuko.com

时间: 2024-10-11 13:07:29

ajax——dom基础的相关文章

Ajax之基础

几个问题引发的思考:什么是Ajax?它是干什么的?在什么时候用?同步和异步又是什么?这一连串的问题让我问的我真是彻底伤心啦!按说前几集视频看完后,这几个问题就该解决了,但是自己却还是不懂.可见自己的学习方法真的有问题,有问题就要改嘛,现在就来解决下Ajax几个简单的问题. 什么是Ajax? AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScriptAnd XML).Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特之处,合在一起就成了一个功能强大

初步认识Ajax及其基础应用

初步认识Ajax及其基础应用 Ajax(Asynchronous JavaScript And XML)是服务器和客户端相结合的一种技术,由其英文单词可看出其包含JavaScript和XML,当然另外还包含CSS样式.XMLHttpRequest数据交互对象和DOM文档对象等技术. Ajax主要用于网页的局部刷新,用户在输入框中输入时激发文本框事件,该事件会激发JavaScript程序去响应服务器,由于JavaScript不支持服务器通信,因此需要 XMLHttpRequest与服务器进行交流:

【JS学习笔记】DOM基础-字节点,父节点

一.DOM基础 (1)什么是DOM?DOM,即document,是用来操作页面上的元素,比如操作div获取,修改样式等.是JS的组成部分,还是一套规范. (2)浏览器的支持情况 现在主流的浏览器有3种,分别是IE,Chrome,Firefox. IE:在IE6-8版本中,对DOM的支持差不多是百分之十几差不多了,但是到了IE9就有了质的飞跃. Chrome:介于两者之间,在60%左右,对DOM支持的不是那么的好也不是那么的差. Firefox:对于DOM的支持几乎可以用99%来形容. 二.DOM

DOM基础(二)

在我之前写的DOM基础(一)的文章中提到过兼容性的问题,也就是在获取标签间文本信息的时候,早期的火狐版本是不支持innerText的,只支持textContent ,现在的火狐浏览器两者都支持.而IE老版本,也是IE8之前的版本,包括IE8是不支持textContent的,只支持innerText.那要如何解决这个问题呢,我们总不能规定用户兼容我们写的代码的浏览器吧.毕竟顾客是上帝这句话是不变的真理,同样的,对于互联网来说,用户就是上帝.其实做为一个前端开发者来说,痛恨的不是顾客为什么不用好的浏

获取元素节点(DOM基础 )

一.DOM 简介:以一种独立于平台和语言的方式访问和修改(添加.移动.改变或移除的方法和属性)一个文档(主要是网页)的内容和结构.是表示和处理一个HTML或XML文档的常用方法. 节点的定义:D(Web网页文档)O(document对象)M(网页文档的树形结构)M中树形结构可以理解为由节点组成.把每个标签看作一个节点.   节点的分类:以一个完成的标签为例<div id ="box">测试Div</div> 元素节点:是标签<div></div

DOM基础

1.几个概念 文档: html 页面 文档对象: 页面中的元素 文档对象模型: 定义API,为了让 js 去操作页面中的元素 DOM 会把文档看成一棵树,同时会定义很多 "方法" 和 "属性" 来操作这棵树的每一个节点 元素.childNodes a.只读属性,子节点列表 b.dom节点有12种 1 // NodeType 2 const unsigned short ELEMENT_NODE = 1; 3 const unsigned short ATTRIBUT

HTML DOM基础知识

HTML DOM基础知识 一.什么是DOM? 1.HTML DOM 定义了访问和操作HTML文档的标准方法. 2.HTML DOM 把 HTML 文档呈现为带有元素.属性和文本的树结构(节点树). 3.通过 JavaScript,您可以重构整个 HTML 文档.您可以添加.移除.改变或重排页面上的项目.要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口.这个入口,连同对 HTML 元素进行添加.移动.改变或移除的方法和属性,都是通过文档对象模型来获得

第一百一十三节,JavaScript文档对象,DOM基础

JavaScript文档对象,DOM基础 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口).DOM描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. 一.DOM介绍 DOM中的三个字母,D(文档)可以理解

【JavaScript基础知识】——DOM基础

基本概念 DOM即文档对象模型,针对HTML和XML文档的API(应用程序接口).它描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,也就是表示和处理一个HTML或XML文档的常用方法. D即document,上网查了一下它的英文翻译,最初的意思是记录.所以把它说是文档也是有迹可循的.O即Object,也就是对象,可以理解为类似window对象之类的东西,可以调用属性和方法.M(模型)可以理解为网页文档的树