首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

firstElementChild、firstChild 、childNodes和children方法

一、 123 在上面这段代码中,如果使用以下js代码 var oDiv=document.getElementByTagName("div")[0]; alert...text文本节点) 如果把html的Demo改成如下,则无论在古老浏览器还是现代浏览器中得到的结果都是一样 123 由于没有了div与p标签之间的空白,所以执行上面js...代码时无论在ie678还是现代浏览器中都输出p标签 二、 在平时写js中,我们经常会想用一个方法直接获取到父元素的第一个子元素节点,就好比如上面的例子中,使用firstChild确实可以实现这一功能 123 var first=document.getElementByTagName("div")[0].firstChild 这样我们就可以获取到第一个元素子节点,但是当...的时候,如果想获取到子元素的element节点,最好使用children方法,因为childNodes方法以及firstChild方法在现代浏览器中使用,都会把元素标签中的空白节点检测出来,一般我们使用这两个方法都是为了获取到元素的元素节点

1.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript之firstChild属性、lastChild属性、nodeValue属性学习

    1.数组元素childNodes[0]有更直观易读的优点,这边在介绍一个有同样功能的属性,且更加语义化-------->firstChild属性 假设我们需要目标元素节点下的所有子元素中的第一个子元素我们可以这样做...: 目标元素节点下的子元素节点数组.firstChild 这句代码等价于 目标元素节点下的子元素节点数组[0]; 目标元素节点.childNodes[0] 这句代码等价于 目标元素节点.firstChild...目标元素节点下的子元素节点数组.length-1] 目标元素节点.childNodes[目标元素节点.childNodes.length-1]=目标元素节点.lastChild; 从上面的描述中,发现firstChild...属性和lastChild属性更加的语义化,而且代码更加的简洁,方便我们记忆;  注意:firstChild和lastChild只能对单个节点就行操作,不能对节点数组进行操作; 2.nodeValue属性...document.getElementById("description"); alert(p.childNodes[0].nodeValue); 学完nodeValue属性后我们能给我们的JS

    1.7K90

    网页翻译最轻量级方法【微软】翻译书签!!!

    用chrome或者火狐等现代浏览器的人都知道,插件、扩展等丰富了我们使用浏览器的体验感受,但是大家都知道,插件安装太多会引起浏览变慢等等问题,秉着有扩展不用插件,有代码书签不用扩展的良好习惯,这里就给大家推荐一款翻译代码书签...f=js&to=zh-chs';%20document.body.insertBefore(s,%20document.body.firstChild);})()""...f=js&to=zh-chs';%20document.body.insertBefore(s,%20document.body.firstChild);})()""...f=js&to=zh-chs';%20document.body.insertBefore(s,%20document.body.firstChild);})() 点击添加,书签栏就有了这个书签了...怎么使用呢?超级简单,打开某个英文网站,点击这个翻译书签,网站就全部翻译过来了

    40000

    Typecho 评论迁移至 cusdis 的记录

    最近把博客从 Typecho 搬到了 Next.js + Vercel 驱动、Notion 为 CMS 的架构(使用 nobelium 搭建),其中评论区转到了 cusdis 作为后端。...old_url 最近 把博客从 Typecho 搬到了 Next.js + Vercel 驱动、Notion 为 CMS 的架构(使用 nobelium 搭建),其中评论区转到了 cusdis 作为后端...我也想当然地,直接在 node 下用一个 xml2json 的库,把它解析为 JSON 并 parse 为 JS Object,再用类库自带的 toXML() 方法,把数据还原回 XML,供 cusdis...基于我过去写过一篇 HTML Parser 相关的使用经验,想到,也许可以用 DOM 操作的思路去解决?理论上社区应该会有不少 XML-DOM 相关的类库。...(post) with open('result.xml', 'w') as f: f.write(xmlDom.toxml()) 观察代码可以发现,其实 Py 实现和 JS 差不太多,都是同一套

    24220

    使用Js怒刷LeetCode

    解法:思路: 本题思路是挡板思想,使用三个挡板四个区域的思想进行划分(交换数组元素位置)挡板的物理意义: [0-i)全是红色,i,j)之间为黄色,(k->n-1全为蓝色,j-k为未知探索区域j为快指针const...{ [arr[l],arr[r]] = [arr[r],arr[l]];}4.有效的字母异位词(Anagram) 要求Tc: O(n) Sc:O(n)LeetCode第242题思路: 我们可以使用...Offer第5题思路: 使用快慢指针,同向而行,快指针负责判断是不是空格,慢指针左侧都是处理好的元素。...) { if (this.count == 0) { return -1; } this.count--; return this.stack1.pop();//使用..., j); // 寻找与当前项相邻的 1 并把它们变成0 } } } return islands;};2.从一个数组中找出 N 个数,其和为 M 的所有可能(不能重复使用已经使用过的元素

    60230

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券