【JS-firstChild,firstElementChild,lastChild,firstElementChild,nextSibling,nextElementSibling】的更多相关文章

JS-firstChild,firstElementChild,lastChild,firstElementChild,nextSibling,nextElementSibling

<body> <ul id="ul1"> <li>11111</li> <li>22222</li> <li>33333</li> <li>44444</li> </ul> </body> 1,firstChild:第一个子节点. 标准下:firstChild会包含文本类型的节点 非标准下(IE7以下):fistChild只包含元素节点 var…

js firstChild 、nextSibling、lastChild、previousSibling、parentNode

nextSibling下一个兄弟节点 previousSibling上一个兄弟 parentNode父亲节点 <select><option value="zs">中山</option><option value="gz">广州</option><option value="zh">深圳</option><option value="zh"…

nodeValue、firstChild和lastChild属性

nodeValue属性如果想改变一个文本节点的值,那就使用DOM提供的nodeValue属性,他用来得到(和设置)一个节点的值:node.nodeValue但是有个细节必须注意:在用nodeValue属性获取description对象的值时,得到的并不是包含在这个段落里的文本.可以用下面这条alert语句来验证这一点:alert(description.nodeValue);html代码如下<html><body><p id = "description"…

选择器:first-child与:last-child失效的解决方法

作为还在努力练习的代码小白来说,有时类名或者ID名太多很容易就会搞混,为此,在练习中会想着借用多样的选择器来设置而不是每一个标签都设一个类名(Id名),在此次练习中使用选择器:first-child与:last-child就遇到了失效的问题: 使用一个并列显示的不同尺寸的图片为例(如图) 初始代码为: <div class="catalog"> <a href="#"><img src="images/xiaomi-log.p…

CSS nth-child、first-child、last-child、nth-of-type、first-of-type和last-of-type选择器使用

以下示例主要讲解nth-child.first-child.last-child.nth-of-type.first-of-type和last-of-type使用. 示例代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>CSS 高级选择器使用</title> <style> * {…

js node.children与node.childNodes与node.firstChild,node,lastChild之间的关系

博客搬迁,给你带来的不便,敬请谅解! http://www.suanliutudousi.com/2017/11/06/js-node-children%e4%b8%8enode-childnodes%e4%b8%8enode-firstchildnodelastchild%e4%b9%8b%e9%97%b4%e7%9a%84%e5%85%b3%e7%b3%bb/…

jQuery中的子（后代）元素过滤选择器（四、六）：nth-child()、first-child、last-child、only-child

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>子(后代)元素过滤选择器</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type…

CSS3中first-child、last-child、nth-child、nth-last-child

1.单独指定第一个子元素.最后一个子元素的样式 <style type="text/css"> li:first-child{ background:yellow; } li:last-child{ background:blue; } </style> 2.对指定序号的子元素使用样式 <style type="text/css"> li:nty-child(2){ background:yellow; }//对第二个子元素设定背…

CSS选取指定位置标签first-child、last-child、nth-child

1.first-child 选择列表中的第一个标签. 2.last-child 选择列表中的最后一个标签 3.nth-child(n) 选择列表中的第n个标签 4.nth-child(2n) 选择列表中的偶数标签 5.nth-child(2n-1) 选择列表中的奇数标签 6.nth-child(n+3) 选择列表中的标签从第3个开始到最后 7.nth-child(-n+3) 选择列表中的标签从0到3,即小于3的标签 8.nth-last-child(3) 选择列表中的倒数第3个标签…

first-child和last-child选择器 nth-child(n）第几个元素 nth-last-child(n)倒数第几个元素

:first-child 和  :last-child 分别表示父元素中第一个 或者  最后一个 子元素设置样式,如上图…