操作Dom中的子元素与兄弟元素的代码_DOM
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了操作Dom中的子元素与兄弟元素的代码_DOM,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2918字,纯文字阅读大概需要5分钟。
内容图文
首先,我们必须正确的理解什么是子元素.比如我们在网页里写了一个span标签. 并且在span里写入文本内容:"欢迎光临脚本之家",那么这个文本内容就是span的子元素.相同,如果span被某个div所包含.那么span就是该div的子元素.看下面这段代码:[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
从上面的代码可以看出来"欢迎光临脚本之家"与span都被包含在一个div中.但是你无法在div中直接引用"欢迎光临脚本之家"这段文字内容.我想要告诉你的就是:在获取子元素时,不可以跨级获取. 子元素只能被直接父元素所引用!同理,这个div也算是body标签中的一个子元素.但你无法直接在body中获得span标签.你必须在body中获得div然后再取span.看下面的实例演示: