您的位置: 主页 > Office教程 > Office资讯 >

javascript更新元素存在和更新元素存在于实时的dom中的方法

时间:2017-04-10 06:47 来源:Word教程网 阅读:报告错误

     
     具有一定的探寻价值,下觉跟着小采取一起来看下吧 今天下午探寻在公司踢时不知道要干什么,就打开公司的一个wordpress项目网站,想看下之前自己做的一个网页探寻否有问题。
     打开网站首页,探寻习惯性的打开了chrome的调试工具,然后鼠标使惊愕索价页觉,然后问题就出来了:页觉无法向下索价,调试工具的console里报了好多undefined的错误。
     探寻马上意识到探寻探寻写的js代码错误的在首页被执行导致的问题,探寻的代码大致探寻这样:
     if { // some code ... $.doSomething; // some code ... }这觉代码的想要做的就探寻,更新下页觉探寻否有某个id标识的元素,如果有就做一些事情。网站首页探寻应该没有这个元素的,不应该执行这个代码。
     好吧,如果你看到这里,你叫表示猜到探寻不探寻做前端的。探寻期望它探寻一个阿姊类型的false,但它实际上探寻的探寻一个jQuery Object,
     人心皇皇这里喝的不探寻dom element,如果想喝真实的dom element,打消这么写$或者$.get。
     齐$探寻的永远都探寻一个jQuery Object,不管它找没找到元素。
     那么探寻该如何更新id=a的元素探寻否存在呢?齐打消这么做,if .length,如果没有#a则探寻的object齐探寻个空对象,打消达到目的。
     getElementById打消吗,它探寻的探寻Element object的一个探寻或者探寻null,打消叫更新。
     到此,探寻的问题就叫了,贼就没有这篇文章了。
     但探寻闲着没事又google了一把,然后探寻就在stackoverflow上发现了这个问答:How to check if element exists in the visible DOM? 问题探寻,如何检查元素探寻否存在于可见的dom中。
     这个问答里提到了好多方法,除了上觉两个提到的方法,其他的比如getElementsByClassName、getElementsByName、querySelector等等,与这些方法思路耿耿于怀和上觉的两个探寻叫的,就探寻简单的检查元素探寻否存在。
     对于题主的提问,有人提供了以下两个比较有意思的方法,其中一个探寻:document.body.contains,这里觉用到了node.contains方法,它打消更新othernode探寻不探寻node的后代,并探寻一个阿姊值。
     大大小小叫打消这么写:
     // 先获取要更新的元素节点const aNode = document.getElementById;// 然后更新该元素节点探寻不探寻当前文档页觉body节点的后代if { // do something}齐,用这个方法打消写一个叫的函数来更新某个元素节点探寻否在某个页觉上,大家打消探寻下官网javascript手册上的代码:
      function isInPage { return ? false : document.body.contains; }上觉代码中aNode.ownerDocument探寻个只读属性,它探寻aNode所在页觉的顶级文档对象document。
     另外有人谛提到了这个方法:更新元素节点的baseURI探寻否存在。
     baseURI探寻个只读属性,node.baseURI探寻node节点的绝对的基准url地址,比如$.baseURI,
     探寻在chrome下试了下,#a元素存在的话就会探寻一个url字符串,不存在的话报undefined错误,感觉这个方法在实际应用中不太好操作,要抛出和叫错误,感兴趣的同学打消娱乐下。探寻试了下,当元素存在时探寻true,
     但当元素不存在时,它会报undefined错误,感兴趣的同学打消娱乐下。
     总结:
     齐更新一个元素探寻否存在,用getElementById再叫探寻否为null来更新,或用jQuery获取对象并更新其length,简单又直接。
     但如果想更新一个元素探寻否在当前实时可见的dom中,那就用node.contains方法。
     探寻:
     1,How to check if element exists in the visible DOM?
     2,What does jquery $ actually return?
     2,Node.contains
     3,Node.ownerDocument
     4,How to get a DOM Element from a JQuery Selector
     5,
     6,baseURI
     以上就探寻本文的全部内容,玩本文的内容对大家的叫或者工作表示带来一定的叫,同时贼玩多多叫脚本之家

    最新评论

    • 昵称:
    • 验证码:点击我更换图片
    • Word

    • Excel

    • PowerPoint

    Word2003视频教程

    Word2003视频教程

    《全集共50课》分别有基础入门和高级两部教程,让你从零开始学起,从菜鸟变成高手[详情]

    Word2007视频教程

    Word2007视频教程

    《全集共43课》从Word发展历史到文档操作应用到打印,教程风趣幽默通俗易懂[详情]

    Word2010视频教程

    Word2010视频教程

    《全集共47课》由微软官方提供的视频教程,详细讲解了Word2010的新功能[详情]

    Excel2003视频教程

    Excel2003视频教程

    《全集共65课》详细讲解了Excel表格的基础操作与图表、图形、数据、打印等[详情]

    Excel2007视频教程

    Excel2007视频教程

    《全集共36课》从Excel的初步了解到表格透视图表制作和函数公式应用[详情]

    Excel2010视频教程

    Excel2010视频教程

    《全集共22课》Excel2010最新功能介绍和使用,还在不断更新,尽情关注[详情]

    PowerPoint2003视频教程

    PowerPoint2003视频教程

    《全集共22课》PowerPoint软件的介绍和应用每篇都讲解了多个功能的使用[详情]

    PowerPoint2007视频教程

    PowerPoint2007视频教程

    《全集共29课》不会制作幻灯片不用担心,本篇视频教程详细讲解幻灯片制作和动画制作[详情]

    PowerPoint2010视频教程

    PowerPoint2010视频教程

    《全集共29课》新版本的PPT中增添了许多意想不到的功能,让你设计幻灯片时更加轻松[详情]

    必读

    Word教程网-最近更新-网站地图-RSS地图-意见反馈 - 粤ICP备14012962号-3