首页
学习
活动
专区
工具
TVP
发布

firstElementChild、firstChild 、childNodes和children方法

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

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

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

: 目标元素节点下的子元素节点数组.firstChild 这句代码等价于 目标元素节点下的子元素节点数组[0]; 目标元素节点.childNodes[0] 这句代码等价于 目标元素节点.firstChild...上面这段代码,犯了典型的错误,大多数人可能没有注意,这一点我在之前的随笔http://www.cnblogs.com/GreenLeaves/p/5692576.html中有介绍nodeType的问题,我们获取的...p是一个元素节点,元素本身的nodeValue值是一个null值,而且最重要的是nodeValue属性是用来获取文本节点的值的。...正确的获取标签里面文本的做法是获取标签下文本节点的节点值。...document.getElementById("description"); alert(p.childNodes[0].nodeValue); 学完nodeValue属性后我们能给我们的JS

1.4K90

前端如何获取当前时间_js 获取年份

前端js获取当前时间的方法: var time = new Date(); time.getYear(); //获取当前年份 time.getFullYear(); //获取完整的年份(4位,1970...time.getMonth(); //获取当前月份(0-11,0代表1月) time.getDate(); //获取当前日(1-31) time.getDay(); //获取当前星期X(0-6,0代表星期天...) time.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) time.getHours(); //获取当前小时数(0-23) time.getMinutes(); //...获取当前分钟数(0-59) time.getSeconds(); //获取当前秒数(0-59) time.getMilliseconds(); //获取当前毫秒数(0-999) time.toLocaleDateString...(); //获取当前日期 var mytime=time.toLocaleTimeString(); //获取当前时间 time.toLocaleString( ); //获取日期与时间 为了让大家有一个更感官的了解

33.2K20

JS获取当前网址信息

通过window.location对象获取对应的属性 1、设置或获取对象指定的文件名或路径(pathname) window.location.pathname 2、设置或获取整个 URL 为字符串(href...) window.kk 3、设置或获取与 URL 关联的端口号码(port) window.location.port 4、设置或获取 URL 的协议部分(protocol) window.location.protocol...设置或获取 href 属性中在井号“#”后面的分段(hash) window.location.hash 设置或获取 location 或 URL 的 hostname 和 port 号码(host)...window.location.host 设置或获取 href 属性中跟在问号后面的部分(search) window.location.search 获取变量的值(截取等号后面的部分) window.location.search.substring...2、通过正则表达式准确的获取我们需要的参数。

13.6K30

JS获取GIF总帧数

那么如何通过js在上传前就拿到它的总帧数来判断呢?本文就跟大家分享一种解决方案,并将其封装成插件发布至npm仓库,欢迎各位感兴趣的开发者阅读本文。...写在前面 此插件已经发布至npm,采用原生JS编写支持任意一个前端框架,如果你对其实现原理不感兴趣,只是想拿来解决你的实际问题,可以直接通过npm/yarn来安装,命令如下: # yarn安装 yarn...GIF logical screen descriptor block layout 我们用代码来获取下它的宽度与高度。.../gifParserPlugin.umd.js"> async function getGifInfo(e) { const gifParser = new...gif-parser-web GitHub地址:gif-parser-web-github 此处不讲插件的发布流程,如果你对此感兴趣请移步: 使用CLI开发一个Vue3的npm库 实现Web端自定义截屏(原生JS

7.2K30
领券