DOM document object model
Posted ch2020
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM document object model相关的知识,希望对你有一定的参考价值。
1 document.getElementById 根据ID获取一个标签 2 document.getElementsByClassName 根据class属性获取(可以获取多个元素,所以返回的是一个数组) 3 document.getElementsByTagName 根据标签名获取标签合集 4 示例: 5 <div class="c1" id="d1"> 6 待到将军归来日,朕与将军解战袍! 7 </div> 8 9 <div class="c1" id="d2"> 10 日照香炉生紫烟,遥看瀑布挂前川! 11 </div> 12 13 var a = document.getElementById(‘d1‘); # 获取id属性值为d1的标签 拿到的直接是标签对象 14 var a = document.getElementsByClassName(‘c1‘); #获取class值为c1的所有标签 拿到的是数组 15 var a = document.getElementsByTagName(‘div‘); #获取所有div标签 拿到的是数组
1 var a = document.getElementById(‘d1‘); 2 a.parentElement; #获取a这个标签的父级标签. 3 children 所有子标签 4 firstElementChild 第一个子标签元素 5 lastElementChild 最后一个子标签元素 6 nextElementSibling 下一个兄弟标签元素 7 previousElementSibling 上一个兄弟标签元素
以上是关于DOM document object model的主要内容,如果未能解决你的问题,请参考以下文章
文档对象模型(Document Object Model--DOM)
DOM(Document object madle) 文档对象模型: 元素节点 文本节点 属性节点
DOM操作(Document Object Model文档对象模型的集合)