`
syjsky2011
  • 浏览: 12625 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

JS应用DOM入门

 
阅读更多

 

JS应用DOM入门:DOM的对象属性

 
 
 

  DOM提供了一套属性用于导航、访问和更新文档内容,其中包括只读类型的属性和可读写类型的属性。

  下表是只读类型的属性: 

DOM对象属性
返 回 值
FirstChild 返回一个对象(Object),表示第一个孩子节点(child node)。
LastChild 返回一个对象(Object),表示最后一个孩子节点(child node)。
NextSibling 返回一个对象(Object),表示下一个相邻的兄弟节点。
NodeName 返回节点对应的HTML标记。比如:P,Script。对应文本项节点,返回#text。
nodeType 返回节点的类型,
1表示此节点是标记(tag),
2表示属性(attribute),
3表示文本项。
parentNode 返回一个对象(Object),表示当前节点的双亲节点(parent node)。
previousSibling 返回一个对象(Object),表示前一个相邻的兄弟节点。
specified 返回一个布尔型变量(Boolean),表示是否设置了属性值(attribute)。

  下表是可读写类型的属性: 

DOM对象属性
返 回 值
data 返回一个字符串,表示文本项节点的值。如果是其他类型节点,返回undefined。
nodeValue 返回一个字符串,表示文本项节点的值。如果是其他类型节点,返回null。

  下表是DOM中相关属性集合:

DOM对象属性
返 回 值
attributes 表示节点的属性集合,通过id来访问,比如attributes.id。
childNodes 表示节点的孩子节点集合,通过数组索引方式访问,比如:childNodes[2]。

 

分享到:
评论

相关推荐

    Vue.js 前端开发快速入门与专业应用

    vue 前端开发入门必备近年来, 前端框架的发展依旧火热, 新的框架和名词依旧不停地出现在开发者眼前, 而 且开发模式也产生了一定的变化。目前来看, 前端 MVVM 框架的出现给开发者带来了不小的 便利,其中的代表就...

    js初级FOR循环 DOm对象 .txt

    主要讲JS初级入门 从不懂到易懂得的过程 其中由for循环 while循环 if else的如何应用知识点 , 字符串的类型 数组创建 对象的概念 DOM对象 以及随机抽人事件 如何获取验证码等简单项目

    互动应用开发入门jquery第一讲ppt

    互动应用开发入门 jquery基础学习第一讲 jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法。 jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。

    JavaScript开发入门视频课程-视频教程网盘链接提取码下载.txt

    本课程由浅入深,从六部分讲解JavaScript开发入门基础知识,内容包Chrome开发者工具和JavaScript的基本语法以及标准库、DOM、浏览器环境以及扩展知识。每一部分内容都包含基本原理讲解和操作演示,最后附带练习题。...

    《JavaScript DOM编程艺术 第2版》(Jeremy Keith等).[PDF].zip

    目前Web标准大潮已经席卷了国内的网站设计领域,许多网站设计师开始学习并应用Web标准,本书就是在这一时期推出的一本利用Web标准进行网页设计的指南。以实例为主,一步步地告诉大家如何开始新的,符合Web标准的CSS...

    JS学习资料

    网上有人分享经验,说到学习前端开发技术JavaScript很实用的一些书籍,从入门到高级,一一列举,很不错。整理了一下发上来。 名称: JavaScript+DOM编程艺术.pdf 概述: “本书理应奉为经典。文笔清晰,采用了优秀...

    vue框架入门ppt课件.pdf

    Vue.js 是一款流行的开源 JavaScript 框架,用于构建用户界面和单页面应用程序。以下是 Vue.js 框架的一些主要特点和优势: 简洁易用:Vue.js 的设计简洁,学习曲线较为平缓,使得初学者和有经验的开发者都能够轻松...

    JavaScript入门经典教程第4版源码

    与Web浏览器定义的文档对象模型(DOM)一起使用时,JavaScript可以创建动态HTML(DHTML)内容,允许用户与客户端的Web应用程序交互。  JavaScript语法以流行的程序设计语言C、C++和Java为基础,因此,经验丰富的程序...

    Ajax从入门到精通

    《Ajax从入门到精通》作为比较全面的Ajax教程书籍,涵盖了基本语言介绍(JavaScript)、DHTML技术(DOM)、Ajax技术核心知识、面向对象的JavaScript、数据组织方式(XML和JSON)等知识,并对开发工具和调试技巧以及...

    Javascript入门学习第六篇 js DOM编程第1/2页

    (window object model.) API:应用编程接口。 注:DOM其实可以看作一种API。 Node:节点。 注:节点分为:元素节点,属性节点,文本节点。 元素节点 包含 属性节点和文本节点。 Dom树: 下面我们直接看 到底...

    tour:javascript应用程序的游览和入门

    极简的javascript游览和入门库特征支持单页应用程序和复杂的可滚动内容React灵敏自动定位承诺驱动事件和挂钩Tour不会以任何方式操纵或中继您的DOM元素安装通过npm安装$ npm install tour --save 或CDN 导入JS和CSS /...

    Web前端框架应用:第1章 Vue基础入门-概述.pptx

    第1章 Vue基础入门;学习目标;目录;知识架构;知识架构;知识架构;知识架构;HTML:HTML主要用来编写网页的结构,例如<a></a>表示超链接。 CSS:CSS样式包括颜色、大小、字体等,布局合理的页面效果。 JavaScript:...

    react-native-dom:如何使用react-native-dom在Web浏览器中运行React Native应用程序

    与DOM兼容的生态系统逃生舱口盖:使用相同的本机模块桥,以更通用的方式公开DOM特定的API,可以轻松地将其制成跨平台模块。 预习 入门 要获得React-native入门方面的帮助,请查看在线。 1. 2.克隆存储库 $ http

    Web前端开发技术——HTML、CSS、JavaScript

    本书紧密结合互联网行业发展对Web前端开发工程师岗位的技术与能力的需求,详细介绍了HTML、CSS、DIV、JavaScript、DOM与BOM几大组成部分的基本语法和关键应用。内容编排结构合理,由浅入深、循序渐进地引导读者快速...

    Web前端框架应用:第1章 Vue基础入门-开发环境.pptx

    第1章 Vue基础入门;学习目标;目录;知识架构;知识架构;知识架构;HTML:HTML主要用来编写网页的结构,例如<a></a>表示超链接。 CSS:CSS样式包括颜色、大小、字体等,布局合理的页面效果。 JavaScript:JavaScript的...

    JavaScript王者归来part.1 总数2

     1.2 JavaScript的应用范围   1.3 JavaScript的版本   1.4 一些值得留意的特性 禁忌及如何突破这些禁忌   1.5 安全性和执行效率   1.6 一个例子--JavaScript编写的计算器   1.7 学习和使用JavaScript的...

    js-app-starter:通用javascript Web应用程序的模板

    JavaScript Web App入门套件 这是功能齐全的通用react / redux JavaScript Web应用程序的样板。 它被设计为适用于中小型应用程序的轻量级入门工具... 当获取并运行了客户端javascript时,React会挂接到预先渲染的DOM中

    java从入门到精通70个PPT

    13 javascript的DOM编程 14-15项目案例:当当网上书店或者做一个计算器 16 Ajax 原理 17 Ajax框架 18 在线培训:JQuery 19 Jsp与动态网站初体验 20 状态管理 21 JSTL和EL 22 JSP综合运用 23-24 项目案例:论坛短...

    rAppid.js:声明式富互联网应用程序Javascript MVC框架

    rAppid.js-声明式富互联网应用程序Javascript MVC框架介绍rAppid.js是用于快速Web应用程序开发的声明性javascript Web应用程序框架。 它允许您使用XML来定义应用程序的结构并配置诸如数据源或路由之类的组件。 XML...

Global site tag (gtag.js) - Google Analytics