首页
学习
活动
专区
工具
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确实可以实现这一功能 <...的时候,如果想获取到子元素的element节点,最好使用children方法,因为childNodes方法以及firstChild方法在现代浏览器中使用,都会把元素标签中的空白节点检测出来,一般我们使用这两个方法都是为了获取到元素的元素节点...,空白节点会给我们造成很多不必要的bug,而children方法则是只检测element元素节点,防范于未然,所以推荐大家以后使用children方法来替代childNodes

    1.4K20

    Js如何删除所有子元素以及当前元素

    示例展示 deleteallelem 具体描述 在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的 原生js...; // 子元素的个数 for(var i = 0;i<len;i++) { // 遍历 ul.removeChild(ul.childNodes[0]); /...; // 子元素的个数 for(var i = 0;i<len;i++) { // 遍历 console.log(ul.childNodes[i].nodeName)...// this.lists = []; // 如果是使用Vue编程思维,删除所有子元素,直接操作数组为空,就删除所有子元素了的 // 这里用原生js...this.lists = []就可以,而删除当前元素则使用this.lists.splice(index,1);,splice方法就可以 总结 在操作一些列表,新增和删除,或全部删除清空,是一个比较常见的操作,使用原生Js

    8.4K40

    基于HTML5打造的一款别踩白板小游戏

    背景简介 别踩白板这个游戏相信大家都玩过,这个是基于HTML5打造的简单小游戏,在PC端和移动端都能够运行,适应多种平台,今天我们使用原生JS搭配JQuery构建这个小游戏--别踩白板。...2.3 JSjs层主要用来控制页面产生动态效果;比如产生方块,以及方块的移动等等; 2.3.1获取元素 var main = document.getElementById('main'); //...[0]); // 如果父级有元素 将新生成的一行插入到已有行数的最前面 } var clickDiv = main.childNodes[0].childNodes[index];...move(); }); } clickStart(); 大致效果如图所示: 这个是使用到HbuilderX中的内置浏览器的界面,游戏结束效果如上图所示; 三、总结 本文我们使用到原生js...总体来说首先我们需要设置好游戏界面大致结构和样式,然后通过原生js控制方块的产生移动,以及点击等等,最终才呈现了一个合适的完整的界面效果;感兴趣的小伙伴可以去试一下

    1.1K10

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券