querySelector

NodeJs 第十七章 文件上传

前端上传文件有两种方式方式一：使用FormData发送ajax上传//创建FormData对象varformData=newFormData();//添加文件数据varfileInput=document.querySelector
静水流深，沧海一粟·2024-01-19 14:23

前端与后端如何上传图片!

Document点击上传图片letform=document.querySelector("form");letbtn=document.querySelector("button");btn.addEventListener
小舟423·2024-01-19 09:29

vue中改变v-html中包含body标签的样式修改方法

vue-改变body的css样式beforeCreate(){document.querySelector('body').setAttribute('style','background-color:
奋斗的小鸟鸟·2024-01-19 08:49

使用xlsx插件把table转成excel文件并下载

importXLSXfrom"xlsx"exportconstexportExcel=(tableName,excelName)=>{constwb=XLSX.utils.table_to_book(document.querySelector
Aidenyc·2024-01-19 08:43

JavaScript onclick无效果的原因之一

varimg=document.querySelector('.bigimg');varimgs=document.querySelectorAll('.a');console.log(img);for
自由如风709·2024-01-18 11:03

【JavaScript】使用 scrollIntoView 实现描点跳转定位

lettarget=document.querySelector(`#${taregt}`)if(target){target.scrollIntoView({behavior:'smooth'})}behavior
努力挣钱的小鑫·2024-01-18 06:04

Element 自定义指令 下拉分页，获取无限数据

loadmore:Vue.directive('loadmore',{bind(el,binding){//获取element-ui定义好的scroll盒子constSELECTWRAP_DOM=el.querySelector
BTBIG@Mr. Chen·2024-01-17 13:11

Vue自定义指令el-select下拉触发事件

//自定义指令directives:{'el-select-loadmore':{bind(el,binding){constSELECTWRAP_DOM=el.querySelector('.el-select-dropdown.el-select-dropdown
lMoonRed·2024-01-17 12:07

js 滑动内嵌滚动条

js='document.querySelector("#root>section>main").scrollTop=10000'driver.execute_script(js)找到滚动条
TiantianMami·2024-01-16 23:19

原生 js 监测 某个 DOM进入 可视区

height:70px;margin-top:20px;background-color:#ccc;}12345678910111213141516171819我是被检测的DOMletp=document.querySelector
嘤嘤怪呆呆狗·2024-01-16 17:14

html5视频播放速度控制器 html5 video speed controller

比如设置为3.3x速度播放：varplayer=document.querySelector("video");player.playbackRate=3.3;接着我就想
devilisdevil·2024-01-16 15:02

关于js零零落落的小案例

一、JS实现倒计时//倒计时varh=document.querySelector('.hour');varm=document.querySelector('.minute');vars=document.querySelector
一口十个小甜虾·2024-01-16 02:20

阻止默认行为

百度百度一下/*e.preventDefault()比如：阻止超链接跳转，阻止右键点击事件*/leta=document.querySelector('#a')a.onclick=function(e)
是阳仔啊·2024-01-15 14:43

vue3自定义指令

当一个input元素被Vue插入到DOM中后，它会被自动聚焦：//在模板中启用v-focusconstvFocus={mounted:(el)=>el.focus()//使input自动聚焦//el.querySelector
前端小趴菜05·2024-01-15 12:51

Cannot set properties of null (setting ‘onblur‘)

正常来说js写在body下面不会查找不到，但是本人在练习用户验证的时候犯了个小错误，document获取元素的时候，通过class属性获取的，如果通过document.querySelector去获取元素的话切记不要丢掉
산해·2024-01-15 04:23

20-移入移出事件区别

letoFDiv=document.querySelector(".father");letoSDiv=document.querySelector(".son");1.onmouseover和onmouseenter
仰望_IT·2024-01-14 12:11

AJAX（三）跨域

get.html:首页沃尔点击获取用户数据constbtn=document.querySelector('button');btn.onclick=function(){c
蕾峰·2024-01-14 06:32

js 实现拖动按钮添加布局

效果：h布局生成左右布局，v布局生成上下布局代码：DocumentH布局V布局letbtn1=document.querySelector('.btn1')letbtn2=document.querySelector
sometime`something·2024-01-13 23:04

去掉在加有universal link页面中，ios13顶部出现“前往app”

当在universallink的网页中，会生成metaname="apple-itunes-app"的标签，去电这个标签就可以了if(document.head.querySelector("[name
认真的十四·2024-01-13 23:22

在js中操作DOM的常用方法

一.获取DOM元素querySelector/querySelectorAll：返回文档中匹配指定CSS选择器的第一个元素或所有元素的NodeList。
羽墨灵丘·2024-01-13 12:10

js innerHTML与innerText

当innerHTML设置html是会解析所设置的标签当innerHTML获取html时则会返回包含html标签的内容varelement=document.querySelector('#box');element.innerHTML
翻腾着的淡水鱼·2024-01-13 08:15

关于JS更改变量无法触发onchange事件

有时候我们通过JS去更改input的value的时候，不能出发input的change事件，这个时候需要在input赋值之后派发一个Event对象，如下所示：//constinputEle=document.querySelector
知音说与知音听·2024-01-13 03:17

canvas+fabric实现自定义封面

Documentdiv{margin:0auto;}点击添加文案生成图片constbtn=document.querySelector('.btn')constaddText=document.querySelector
修复bug·2024-01-12 20:29

原生js导航栏上滑隐藏，下滑显示

上下滑动筛选栏显示隐藏varwindowTop=0;$(window).scroll(function(){letscrollS=$(this).scrollTop();letselBtn=document.querySelector
easonR·2024-01-12 15:58

定时音频数据采集并发送websocket实时播放

一定时音频数据采集并发送websocket实时播放定时音频数据采集varrecorder;varaudio=document.querySelector('audio');setInterval(function
java之书·2024-01-12 07:42

JavaScript-BOM-笔记

如果多次以最后一次为准window.addEventListener('load',function(){代码})使用多次window.onload=function(){console.log(document.querySelector
编程在手天下我有·2024-01-12 03:01

Vue：页面内跳转锚点的使用

methods:{//锚点跳转goRule(event){varID="#"+event;//document.getElementById(ID).scrollIntoView({document.querySelector
米柆·2024-01-12 02:58

web前端案例之抽奖

HTML+Javascript完成抽奖案例*{margin:0;padding:0;}functiondiv_click(event){console.log(event)}letdiv=document.querySelector
周湘zx·2024-01-11 18:56

js的BoM事件（二）

confirm二.prompt三.open四.close一.alert,confirm实例：alert('hi');confirm('message');二.promptvarbtn=document.querySelector
虚诚·2024-01-11 17:03

JS关闭当前窗口网页

（兼容EDGE,火狐,谷歌浏览器）1实现效果实现代码Documentdocument.querySelector(".exit").addEventListener('click',function()
前端的厨子·2024-01-10 18:21

可移动的div

实验代码*{margin:0;padding:0;}div{width:100px;height:100px;background-color:rebeccapurple;}letdiv=document.querySelector
Despairsss·2024-01-10 14:15

JavaScript小案例

烟花htmljs代码fire.jsfunctionFire(){//获取box盒子this.box=document.querySelector('#box')}//火花启动Fire.prototype.init
爱吃java的羊儿·2024-01-10 13:42

vue+element项目中导出excel 表

importFileSaverfrom'file-saver'importXLSXfrom'xlsx'3、HTML中给需要导出的table标签加一个id:如outTable,需要对应exportExcel方法中的document.querySelector
38ae78c953e7·2024-01-10 12:05

js实现获取本机的摄像头和麦克风的视频流和音频流并显示

Documentconstvideo=document.querySelector('video');//注意：navigator.getUserMedia语法已废弃，此处使用最新语法：navigator.mediaDevices.getUserMedianavigator.mediaDevices.getUserMedi
静尾·2024-01-10 10:57

调取单个、多个摄像头画面

不需要引用插件效果展示图：此演示由于没有外接摄像头默认读取到电脑影像开启摄像头关闭摄像头开启摄像头关闭摄像头//首先获取到摄像头idgetDeviceIds(){this.srcVideo=document.querySelector
chenThreeMetals·2024-01-10 10:55

手动实现一个简单元素选择器！

document..getElementsByName()标签选择器：document.getElementsByTagName()类名选择器：getElementsByClassName()或者更多的喜欢用：querySelector
一浅小屋和你·2024-01-09 15:05

vue使用elementui select下拉库组件鼠标hover出现下拉框

$refs.mySelect.addEventListener('mouseenter',function(){this.querySelector('.selectel.el-select-dropdown
正函数　·2024-01-09 07:11

JavaScript(WebAPI)

文章目录1.什么是WebAPI2.DOM基本概念2.1DOM树3.获取元素3.1querySelector3.2querySelectorAll4.事件初识4.1键盘事件5.操作元素5.1获取/修改元素属性
学代码的咸鱼·2024-01-09 02:50

canvas绘制平行线

Titlecanvas{border:1pxsolid#ccc;}varmyCanvas=document.querySelector('canvas');varctx=myCanvas.getContext
AssertDo·2024-01-09 01:06

vue实现element-ui对话框dialog可拖拽功能

v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector
xt_XiTu·2024-01-08 05:26

note 在线笔记

value||''子组件调用父组件方法实现控制父组件滚动条滚动到指定区域父constbackTodayScroll=()=>{consttargetElement=document.querySelector
Sengoku_Xingzi·2024-01-08 04:16

JS的防抖和节流

目录防抖搜索框带来的问题实现的思路案例封装防抖函数节流滚动条加载带来的问题实现的思路案例封装节流函数防抖搜索框带来的问题需求：根据输入框内容来请求数据Documentdocument.querySelector
宝子向前冲·2024-01-07 23:14

jQuery的基本使用

1.js的新选择器document.querySelector()查找单个document.querySelectorAll()查找多个1.jQuery的使用页面中想要用到jQuery的动态设置，首先要在
大白python学习分享·2024-01-07 18:28

JavaScript：如何实现全选和反选

//获取元素letall=document.querySelector("#checkAll");letcks=document.querySelectorAll(".ck");l
Nigel Ni·2024-01-07 18:55

DOM相关 获取元素 执行事件 操作元素

目录API和WebAPIDOMDOM基本概念DOM树获取元素根据ID获取根据标签名获取根据类名获取querySelector()querySelectorAll()获取特殊元素（body、html）三种动态创建元素区别事件基础事件三要素执行事件的步骤操作元素改变元素内容操作元素属性修改表单属性修改样式属性
斐波娜娜·2024-01-07 18:24

EventEmitter has used unknown event type: “pullingUp“, should be oneof

是否包含所有插件如果引入了这个，代表没有任何插件，无法实现上拉加载换成下列引入，包括所有的插件换成下列这个代码constscroll=BetterScroll.createBScroll(document.querySelector
yrfjygb·2024-01-07 03:02

vuetify 回到顶部

参考链接//回到id=#app-content-container的dom节点顶部onScroll(){constele=document.querySelector('#app-content-container
边中之城·2024-01-07 00:16

MVC

function(){varview=document.querySelector('#mySlides')varcontroller={view:null,swiper:null,swiperOptions
陈泽chanzed·2024-01-06 06:40

js截取video视频某一帧做封面的简单案例

首先，在video标签上设置视频源地址和自动播放属性：然后，在canvas标签上定义宽高和样式，并通过JavaScript获取视频元素和canvas元素：constvideo=document.querySelector
平淡才是真_6210·2024-01-05 21:44

js案例1-显示和隐藏盒子

效果展示：显示和隐藏盒子源码：Document隐藏varbtn=document.querySelector("button");vardiv=document.querySelector("div")
hi__world·2024-01-05 20:33
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他