- 3
- 0
- 约8.73千字
- 约 42页
- 2018-02-15 发布于浙江
- 举报
[计算机软件及应用]JavaScript第4章
第四章 DOM文档对象模型;基本概念
树形结构
在DOM中,HTML文档的层次结构被表示为一个树形结构。树的根节点是一个表示当前HTML文档的document对象,树的每个子节点表示HTML文档中的不同内容。
节点的类型和组成;基本概念
节点之间的关系
三种关系:父子关系、兄弟关系和祖孙关系。
如上图,我们能明显看出这三种关系。
;节点的引用
根据id属性引用节点
div id=ById
根据id获取节点
/div
script
var MyElement=document.getElementById(ById);
alert(MyElement.innerHTML);
/script
注意这里的js代码,是放在div元素后面的位置。
浏览器首先必须解析到div这个元素,然后js才能通过代码获取到这个元素,否则,会提示错误。
这里用的是document的getElementById方法
注意大小写,参数是某个元素的id属性;节点的引用
根据name属性引用节点
input id=Radio1 type=radio name=ByName/
input id=Radio2 type=radio name=ByName/
script
您可能关注的文档
- [计算机软件及应用]C++对C的扩充、.ppt
- [计算机软件及应用]C++程序设计基础-程序源代码.doc
- [计算机软件及应用]ATOS实验平台-使用指南.pdf
- [计算机软件及应用]c++第2章数据类型运算符和表达式.ppt
- [计算机软件及应用]CAD实体造型 4.ppt
- [计算机软件及应用]ch01.ppt
- [计算机软件及应用]cap5.ppt
- [计算机软件及应用]Ch14-测试用例设计-STMT.ppt
- [计算机软件及应用]Ch15面向对象的软件体系结构.ppt
- [计算机软件及应用]ch8模式识别.pdf
- 4.4 控制系统的设计与实施(教学设计)高中通用技术苏教版2019必修2.docx
- 2026届衡水市第十三中学高三第一次质量调研(一模)数学试题.doc
- 3.1.1关系数据结构及关系代数教学设计-浙教版高中信息技术选修三.docx
- 高考化学二轮复习 阿伏伽德罗常数.docx
- 运筹学期末复习完全手册(直接使用版).docx
- 人工肝治疗中的家属支持与护理.pptx
- 人工肝治疗后的康复护理.pptx
- 4 自由落体运动(表格式教学设计)高中物理人教版2019必修第一册.docx
- 第05讲 充分条件、必要条件、充要条件(八大题型)新高一数学(苏教版2019必修第一册).docx
- 29 古代诗歌文本比较鉴赏题(比较形象、语言、表达技巧、情感态度)高考语文二轮复习专题.docx
原创力文档

文档评论(0)