节点操作 ------------- 父节点
社区首页 (3598)




请编写您的帖子内容
社区频道(4)
显示侧栏
卡片版式
全部
前端
博文收录
Ada助手

351
评分
回复


节点操作 ------------- 父节点
在获取元素时我们可以利用DOM提供的一系列方法获取,但是这些方法过于繁琐,不简练。所以我们学习节点操作,页面中所有内容都是节点,有文档节点,元素节点,属性节点等,我们主要针对研究的是元素节点节点(node)拥有 节点类型(nodeType),节点名称(nodeName),节点值(nodeValue)父节点:parentNode:得到的是最近的父级节点,找不到的话返回 null<div class="father"> <div class="son"&g
复制链接 扫一扫
分享

301
评分
回复


节点操作 ------------- 子节点
有父节点,也有子节点,例如在列表中获取一堆 li 标签就显得很便捷子节点:childNodes:可以看出输出结果为9个,但是明明只有四个元素,那剩下的五个是什么呢?可以看到每个 li 标签换行时有回车,回车算文本节点,也就是这个方法会把元素节点和文本节点都输出出来 <ul class="father"> <li></li> <li></li> <li...
复制链接 扫一扫
分享

332
评分
回复


网页前端大作业主界面(Html+CSS+JS+Axios)
第一次写文章有些紧张,下面介绍一下本代码块实现的效果,本代码快只实现了仿照游戏平台设计的一个网页,导航栏中的跳转页面均有实现,需要的话可私聊 。表单验证区域未添加具体JS代码,需要可私聊添加,由于本人喜欢打CSGO所以尝试写了这个网页,有不足请多多指教!首页HTML代码及CSS样式可参考页面效果如下(中间及下部中间区域为轮播图和图片滚动效果)*以下为首页的代码*<!DOCTYPE html><html lang="en"> <head> .
复制链接 扫一扫
分享

226
评分
回复


Java Script 内置对象(二) --------- Date 对象
接下来说明 JS 第二类常见的内置对象 —— Date 对象Date 对象和 Math 对象不同,Math 对象不是构造函数,可以直接使用,而 Date 对象是一个构造函数,所以我们必须经过对象实例化,即 new 过之后才可以使用,Date 对象多用于处理开发中的时间和日期方面的问题。Date 对象实例化:var date=new Date();Date 对象实例化时可以有参数也可以没有参数,没有参数输出的就是当前系统当时的的标准时间,有参数的话我们可以输出想要展现的时间一:
复制链接 扫一扫
分享

331
评分
回复


Java Script 内置对象(四) --------- String 对象
开始讲 String 内置对象前,首先我们来看两行简单的代码:var str='abcde';console.log(str.length); //输出5结果会输出 str 的长度 5,但是我们知道对象及复杂的数据类型才会有属性和方法,为什么这个简单的数据类型会有 length 属性呢???这就是此文章的内容:基本包装类型一:基本包装类型什么是基本包装类型呢?就是把简单数据类型包装为复杂数据类型:var str='abcde'; var temp=new Stri
复制链接 扫一扫
分享

334
评分
回复


判断出现次数最多的字符
判断一个字符串内出现次数最多的字符大致思路:利用 charAt() 得到字符串中的每一个字符,创建一个空对象,判断该对象中有没有该字符,有的话让该字符自增1,没有的话将该对象的属性值赋为1,然后再遍历对象,用判断数组最大值的方法同样去得到对象内属性值最大的一个代码实现:var str=prompt('请随机输入一串字符');var obj={};for(var i=0;i<str.length;i++){ var chars=str.charAt(i);
复制链接 扫一扫
分享

336
评分
回复


API 与 Web API 以及 与Java Script 基础的关联
Java Script 分为三部分,分别为 ECMA Script , DOM , BOM其中ECMA Script就是学过的 JS 基础语法,DOM与BOM属于Web APIAPI:API 即应用程序编程接口(Application Programming Interface)是一些预先定义过的函数或接口,目的在于用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程,而又无需访问源码,或理解内部工作机制的细节,可以简单理解为 API 就是为程序员提供的一种便捷的工具,方便各种想..
复制链接 扫一扫
分享

313
评分
回复


DOM 基础 ---------- 获取元素
DOM 即文本对象模型,是 W3C 推荐的处理可拓展标记语言的标准编程接口,通过这些接口可以改变网页的内容,结构,样式文档:一个页面就是一个文档,DOM 中用 document 表示元素:页面中所有的标签都是元素,DOM 中用 element 表示节点:网页中所有内容(标签,属性,文本,注释)都叫节点,DOM 中用 node 表示DOM 获取元素有很多方法,下面一一说明一:document.getElementById()此方法用于返回一个匹配特定的 ID 元素,由于元素的 ID
复制链接 扫一扫
分享

300
评分
回复


事件对象 ------------- 得到事件类型
e.type这个方法可以返回事件的类型<div>111111</div> <script> var div=document.querySelector('div'); div.addEventListener('click',fn) div.addEventListener('mouseover',fn) div.addEventListener('mouseout',fn) function fn
复制链接 扫一扫
分享

331
评分
回复


事件对象 ------------- 阻止默认行为的方法
阻止默认行为 例如我们不想让一个链接进行跳转,就可以用事件对象的阻止默认行为的方法e.preventDefault ():点击链接后不再跳转,阻止了默认属性,这种写法为 DOM 的标准写法<a href="http://www.baidu.com/" target="_blank">这是一个链接可以跳转</baidu></a> <script> var a=document.querySelector('a'); a.ad
复制链接 扫一扫
分享

321
评分
回复


禁止页面复制粘贴内容
该效果用到了两个事件,一个是禁止右键菜单栏提示,另一个是禁止获得文本节点(选择内容),然后在用到事件对象的阻止默认事件发生的方法:e.preventDefault()禁止菜单栏提示:contextmenu禁止获得文本节点 / 禁止选择内容:selectstart<p> 我是一段不可以复制的文字内容</p> <script> var ele=document.querySelector('p'); ele.addEventLis
复制链接 扫一扫
分享

328
评分
回复


获取鼠标点击位置的坐标
获取点击的坐标有三种情况获取在可视区域的坐标 获取在文档页面的坐标 获取在电脑屏幕的坐标一:获取在可视区域的坐标e.clientX : 获取距离页面左边的距离e.clientY :距离页面可视区域上边框的距离获取在可视区的坐标,可视区就是我们屏幕可以看得到的区域例如在下方的截图中,红框圈住的区域就是可视区域,不管页面有多长,展示出来的可以看得见的这一部分就叫做可视区域 document.addEventListener('click',function(e){ .
复制链接 扫一扫
分享

303
评分
回复


事件委托(代理/委派)
事件委托也叫事件代理,jQuery中叫事件委派事件委托就是不给每个子元素设置事件侦听器,而是给其父元素设置事件侦听器,然后利用冒泡阶段的原理影响每个子节点给ul绑定注册事件,点击 li 标签后会冒泡,冒泡到其父元素 ul 身上,因为 ul 注册了事件,就会触发事件侦听器弹出提示框 <ul> <li>1</li> <li>2</li> <li>3</li>
复制链接 扫一扫
分享

300
评分
回复


方块跟着鼠标移动的案例
在淘宝页面中经常会见到鼠标放上商品照片后照片会放大,并且移动鼠标,放大区域也会变化,今天我们来完成方块跟着鼠标移动的案例为了不占用页面位置,我们给方块设置为绝对位置 position:absolute,然后利用鼠标点击获取位置的方法:e.pageX 与 e.pageY 来获取鼠标当前位置,事件不再使用 click ,而是用mouseover,只要鼠标移动距离超过1px,就会执行该事件 var ele=document.querySelector('div'); document.ad
复制链接 扫一扫
分享
为您搜索到以下结果:
64
社区成员
57
社区内容





前端内卷小队
内卷小队 不止前端,星光不问赶路人,来了就是一家人,欢迎大家来到我的社区,大家可以尽情在这里畅言,分享优质文章,共同学习进步!
复制链接 扫一扫

确定
社区描述
内卷小队 不止前端,星光不问赶路人,来了就是一家人,欢迎大家来到我的社区,大家可以尽情在这里畅言,分享优质文章,共同学习进步! javascript前端vue.js 个人社区 河南省·安阳市
加入社区
获取链接或二维码
- 近7日
- 近30日
- 至今
加载中
社区公告
大家好,欢迎来到前端内卷小队社区,大家可以尽情分享技术性文章,分享日常生活学习等等,但是要注意社区内禁止发表侮辱性言论,禁止涉及政治敏感话题,一经发现警告一次,第二次将被移出哦,大家共同构建文明社区!