`
syjsky2011
  • 浏览: 13043 次
  • 性别: 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]。

 

分享到:
评论

相关推荐

    Beginning JavaScript with DOM Scripting and Ajax

    《初识JavaScript与DOM脚本和Ajax》这本书深入浅出地介绍了JavaScript编程、DOM操作以及Ajax技术的基础知识,是Web开发者的入门指南。JavaScript作为Web前端的核心语言,DOM(Document Object Model)则提供了对HTML...

    Javascript+DOM编程艺术(完整版).pdf

    《Javascript+DOM编程艺术(完整版)》是Jeremy Keith所著的一本关于前端开发技术的书籍,专注于Web设计中的JavaScript和DOM编程。本书被认为是前端开发者必读的经典之作,其清晰的文笔、遵循优秀的编程原则和严格的...

    JavaScript+DOM编程艺术(PDF格式原版+源代码)

    从JavaScript的基础语法到对象、数组、闭包和原型链等高级特性,再到DOM编程的具体应用,每一步都紧贴实际开发的需求,每一个例子都经过精心设计,确保读者能够通过实际操作来加深理解。 JavaScript作为一种在...

    JavaScript DOM编程艺术第二版(英文).pdf

    总的来说,这本书是一本面向JavaScript初学者的实践指南,涉及了从基础到进阶的多种知识点,包括JavaScript语言基础、Web页面设计、DOM操作技巧、编程实践案例以及如何在实际开发中应用这些技能。通过这本书,新手...

    【JavaScript源代码】vue 虚拟DOM快速入门.docx

    Vue.js中的虚拟DOM技术是现代前端开发中一个关键的概念,尤其在使用JavaScript框架如Vue时。虚拟DOM(Virtual DOM)是一种优化DOM操作的技术,通过在内存中构建一棵数据结构(JavaScript对象),模拟真实DOM树,以此...

    JavaScript从入门到精通(第4版)(示例源码+习题答案).7z

    "JavaScript从入门到精通(第4版)"是一本旨在帮助初学者掌握这门语言的教材,通过详细的示例源码和习题答案,让学习者能够逐步深入理解JavaScript的核心概念和实际应用。 1. **基础语法**:JavaScript的基础包括...

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

    ### Vue.js 前端开发 快速入门与专业应用 #### Vue.js 概述 Vue.js 是一种轻量级的、高效的JavaScript框架,用于构建用户界面。它以易用性和灵活性著称,同时提供了丰富的功能集合来满足复杂的前端开发需求。Vue....

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

    本教程“Vue.js前端开发快速入门与专业应用”旨在帮助开发者快速掌握Vue.js的基本概念和高级技巧,以便在实际项目中得心应手。 一、Vue.js基础 1. **安装与环境配置**:Vue.js可以通过CDN链接、npm或者Vue CLI进行...

    JavaScript从入门到精通(第2版)PPT.7z

    在“JavaScript从入门到精通(第2版)PPT”这套教学资料中,我们将深入探讨JavaScript的核心概念、语法特性以及实际应用。 1. **基础概念** - **变量与数据类型**:JavaScript支持基本数据类型(如字符串、数字、...

    JavaScript Dom编程艺术

    《JavaScript DOM编程艺术》不仅仅停留在理论层面,还提供了大量的实际案例和技巧,帮助读者更好地理解和应用DOM编程技术。这些案例覆盖了常见的网页交互需求,如表单验证、动态内容加载、页面导航等。 - **表单...

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

    本资源“Vue.js前端开发 快速入门与专业应用-陈陆扬”旨在帮助新手快速掌握Vue 2.x的开发与实践技巧。 Vue.js 的核心特性包括: 1. **声明式渲染**:Vue 使用模板语法,允许开发者声明式地描述数据如何在DOM中呈现...

    JS基本功DOM学习笔记

    在JS基本功DOM学习笔记中,我们将深入探讨以下几个核心知识点: 1. **DOM树**:DOM将网页内容表示为一棵由节点构成的树形结构,其中每个节点代表HTML元素、属性、文本等。根节点通常是`document`,其他节点如`<div>...

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

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

Global site tag (gtag.js) - Google Analytics