js 节点的兼容

叁歲伎倆 2022-03-10 21:11 218阅读 0赞

>   
> <!DOCTYPE html>  
> <html lang="en">  
> <head>  
>   <meta charset="UTF-8">  
>   <title>title</title>
> 
> </head>  
> <body>  
> <ul id="uu">  
>   <li>第一个</li>  
>   <li>第二个</li>  
>   <li>第三个</li>  
>   <li>第四个</li>  
>   <li>第五个</li>  
> </ul>  
> <script>  
>   function my$(idName)\{  
>       return document.getElementById(idName);  
>     \}
> 
>     //第一个节点和第一个元素的获取的代码在IE8可能不支持  
>       
>     //element.firstChild--->谷歌和火狐获取的是第一个子节点  
>     //element.firstChild--->IE8获取的是第一个子元素  
>     //element.firstElementChild--->谷歌和火狐是第一个子元素,IE8不支持  
>       
>     //获取任意一个父级元素的第一个子级元素  
>     function getFirstElementChild(element) \{  
>       if(element.firstElementChild)\{ //true-->支持  
>           return element.firstElementChild;  
>       \}  
>       else \{  
>         var node = element.firstChild; //第一个节点  
>         while(node.nodeType != 1 && node) \{  
>           node = node.nextSibling;  
>         \}  
>       \}  
>       return node;  
>     \}
> 
>     //获取任意一个父级元素的最后一个子级元素  
>     function getLastElementChild(element) \{  
>       if(element.lastElementChild) \{ //true-->支持  
>           return element.lastElementChild;  
>       \}  
>       else \{  
>         node = element.lastChild;  
>         while(node && node.nodeType != 1) \{  
>           node = node.previousSibling;  
>         \}  
>       \}  
>       return node;  
>     \}
> 
>     console.log(getLastElementChild(my$('uu')));  
> </script>  
> </body>  
> </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS中节点的概念

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

忘是亡心i/ 2023年01月20日 15:54/ 0 赞/ 148 阅读

相关 JavaScript（js)节点--父节点、子节点、兄弟节点

JavaScript（js)节点–父节点子节点一般节点至少拥有nodeType（结点类型），nodeName（节点名称）和nodeValue(节点值)这三个基本属性。

╰半橙微兮°/ 2022年12月22日 09:59/ 0 赞/ 238 阅读

相关 js兼容问题

1： $(document).delegate(“body”,”click”,function()\{ alert(123); \}); 在iphone上无效

柔情只为你懂/ 2022年09月24日 11:20/ 0 赞/ 139 阅读

相关 19、DOM--首尾子节点,兄弟节点的兼容性问题

1、 DOM节点 .首尾子节点 - firstChild (IE) firstElementChild (火狐,谷歌) - la

亦凉/ 2022年08月23日 00:46/ 0 赞/ 127 阅读

相关 JS兼容

有时候用到的JS兼容也不算很多，但是我们总要知道一些的，以下的小结有些是从网上获得的，但是都经过亲测！！ 1.document.all.id: IE,Fi

ゞ浴缸里的玫瑰/ 2022年06月16日 05:16/ 0 赞/ 144 阅读

相关 js节点

创建节点 createElement() var node = document.createElement(“div”); 没什么可说

偏执的太偏执、/ 2022年06月09日 14:48/ 0 赞/ 184 阅读

相关 JS中DOM的节点

node：节点浏览器认为在HTML页面中所有的内容都是节点（包括标签、注释、文本、文档等）。元素节点：HTML标签文本节点：文字内容（高版本浏览器中会把空

一时失言乱红尘/ 2022年06月05日 01:15/ 0 赞/ 189 阅读

相关 js兼容

（1）ajax的实现方式不同，这个我所理解的是获取XMLHttpRequest的不同，IE下是activeXObject；（2）标准的事件绑定方法函数为addEventL

古城微笑少年丶/ 2022年06月01日 02:57/ 0 赞/ 157 阅读

相关 js 节点的兼容

> > <!DOCTYPE html> > <html lang="en"> > <head> > <meta charset="UTF-8"> >

叁歲伎倆/ 2022年03月10日 21:11/ 0 赞/ 219 阅读

相关关于原生js的节点兼容性

关于节点的兼容性： 1：获取元素的子节点　a:　childNodes：获取元素的子节点，空文本，非空文本，注释，获取的比较全面，　　　　　　　　　如果只是想获取元

绝地灬酷狼/ 2021年12月01日 10:56/ 0 赞/ 348 阅读