querySelector

【HTML】元素自定义属性设置与获取（两种方式-含data-*）

varbtn=document.querySelector('button')console.log(btn.getAttribute('desc'))//获取属性值btn.setAttribute('

Sam9029·2024-09-14 13:56

ToDoList—最简单的待办事项列表

remakez·2024-09-12 10:57

WebAPI DOM文档对象模型

DOM（文档对象模型）是一个可以改变网页内容、结构、样式的处理可扩展标记语言的接口一、获取元素方法：1、根据ID获取2、根据标签名获取3、根据类名获取（html5新增）4、querySelector获取

znhyXYG·2024-09-08 19:17

JavaScript文档内容修改

插入子元素这是标题1这是标题2这是标题3这是标题4这是标题5varh1=document.createElement('h1')h1.innerHTML="这是要插入的内容";varbody=document.querySelector

懦夫救星*·2024-09-07 04:49

ElementUI 动态表格高度，使页面一屏显示

一、效果二、代码exportdefault{data(){return{maxHeight:500}},methods:{handlePageReSize(){letcard=document.querySelector

我的心巴·2024-09-06 21:07

html js弹幕功能

option.el.offsetWidth:document.querySelector('

kilito_01·2024-09-05 05:38

react useState实现原理监听变量变化

监听变量变化vardom=document.querySelector('#data');vardom1=document.querySelector('#data1');vara=1;varinitData

百度一下吧·2024-09-03 18:57

JS操作dom修改Element中DatePicker的数据

letstart=document.querySelector('input[placeholder="请选择开始日期"]');start.value='2024-04-25'start.dispatchEvent

冰眸js·2024-09-03 08:24

2018-05-24

给元素添加属性或内容：a.href='http://www.baidu.com';a.innerHTML='GOBAIDU';//3.追加到dom树父元素.appendChild(子元素);document.querySelector

萧声断未央·2024-09-03 05:14

vue移动端适配postcss-px-to-viewport

有不少老移动端都不会陌生：constdeviceWidth=document.documentElement.clientWidth||document.body.clientWidth;document.querySelector

我是七月·2024-09-01 09:59

动态修改网页icon图标

动态修改网页icon图标//如果在vue项目中在App.vue下的created()中输入varlink=document.querySelector("link[rel*='icon']")||document.createElement

涔溪·2024-09-01 04:30

用Javascript写一个计算器小项目

=js代码：letbuttons=document.querySelector(".buttons");letbtn=buttons.querySelectorAll("span");letvalue=

周三有雨·2024-08-31 09:58

vue响应式原理实现

varinput=document.querySelector('#input')varshowText=document.querySelector('#showText')varobj={}Object.defineProperty

尤小小·2024-08-30 21:34

JS中document.querySelector什么意思

document.querySelector是JavaScript中的一个DOM(DocumentObjectModel)方法，用于从文档中选择与指定选择器组或选择器字符串匹配的第一个Element。

北原_春希·2024-08-23 11:25

vue中锚点定位scrollIntoView

maodianmaodianJump(val){constdom=document.querySelector(val);if(dom){dom.scrollIntoView(true);}},使用element.scrollIntoView

RAY_CHEN.·2024-02-29 20:31

移动端 H5 实现拍照功能的几种方法

实现移动端H5拍照功能的代码：在HTML中创建一个：2，在JavaScript中为该元素绑定change事件，并读取选择的图片文件：varinput=document.querySelector("input

忧郁的蛋~·2024-02-23 15:04

JavaScript中的querySelector()方法是什么，它是如何工作的？

querySelector方法是一个WebAPI，它选择与传入的指定CSS选择器匹配的第一个元素。但是，更详细地说，这是如何工作的呢？

晓风晓浪·2024-02-20 11:38

AJAX——form-serialize插件

1form-serialize插件作用：快速收集表单元素的值语法：form-serialize插件使用document.querySelector('.btn').addEventListener('click

越努力越幸运`·2024-02-20 06:37

JavaScript中的事件委托

下面是一个例子，用事件委托处理一个动态生成的列表：Item1Item2Item3constlist=document.querySelector('#myL

zhangwenok·2024-02-20 00:19

好难想的名字·2024-02-19 19:42

js---webAPI

操作网页内容的,开发页面内容特效和实现用户交互BOM:DOM树：将HTML文档以树状结构直观的表现出来，我们称之为文档树或DOM树文档树直观的体现了标签与标签之间的关系CSS获取元素的方法document.querySelector

婷宝_知萌·2024-02-19 19:32

JS 实现提示【大写锁定已打开】

JS实现提示【大写锁定已打开】密码jsdocument.querySelector("#passwd").addEventListener('keyup',handler);//id选择器document.querySelector

小祁爱编程·2024-02-19 15:01

用 JavaScript 检测键盘大写锁定键的状态 - JS 判断大写锁定

zhichaosong·2024-02-19 15:45

播放base64音频，音频base64和音频文件转换

播放base64音频Documentdocument.querySelector('audio').src=`data:audio/wav;base64,base64val`音频文件转base64varfileInput

半夜成仙·2024-02-15 08:44

【JavaEE】_JavaScript（Web API）

目录1.DOM1.1DOM基本概念1.2DOM树2.选中页面元素2.1querySelector2.2querySelectorAll3.事件3.1基本概念3.2事件的三要素3.3示例4.操作元素4.1

_周游·2024-02-15 05:54

自定义事件

newwindow.CustomEvent('haha',{bubbles:true,//是否可冒泡cancelable:true,//是否可取消detail:'msg'//传递的参数});document.querySelector

卡农me·2024-02-14 16:51

2019-03-05 vue $refs的基本用法

$refs.input1减少获取dom节点的消耗}}})一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。

qiaoguoxing·2024-02-13 06:38

原生JS中DOM元素的操作

document.getElementById(“id”)document.getElementsByName("name");document.getElementsByTagName(“TagName”);ocument.querySelector

阿克兰·2024-02-12 08:12

防抖And节流

第一版varcount=1;varcontainer=document.querySelector('.container');functionget

有一种感动叫做丶只有你懂·2024-02-12 00:47

JavaScript 涉及模式之外观模式

库的时候常常会看到很多的外观者模式，也正是这些库的大量使用，所以使得兼容性更广泛，通过外观者模式来封装多个功能，简化底层操作方法constA={g:function(id){returndocument.querySelector

放逐的程序猿·2024-02-11 14:45

小兔鲜儿项目注册页面模块代码

leticon=document.querySelector('.icon-queren');icon.addEventListener('click',function()

富江¢·2024-02-11 06:51

小兔鲜儿项目模块代码

/如果本地存储有数据，则显示用户信息letobj=JSON.parse(localStorage.getItem('data'));//否则显示请跳转到注册页面vartop_nav=document.querySelector

.ASEN.·2024-02-11 06:51

element-ui 下拉框监听滚动事件

因为数据过多简单节流Vue.directive('loadmore',{bind(el,binding){//获取element-ui定义好的scroll盒子constSELECTWRAP_DOM=el.querySelector

三日月_4a25·2024-02-10 10:24

typescritp 动态获取div的真实高度

因为typescript的类型检查一直提示没有offsetHeight属性，所以用as类型断言成HTMLDivElement类,就不会报错constel=document.querySelector('

马小帅mm·2024-02-10 07:07

el-table实现拖拽功能及遇到的坑

el-table实现拖拽排序效果：正在拖拽中的效果首先我们需要引入importSortablefrom"sortablejs"consttbody=document.querySelector(//获取

Xbbing·2024-02-10 04:54

实习日志13

文件上传硬件给的是用websocket交互的，没有文件下载接口2.打算自己搞了，试试用cookie存值取值2.1.学一下先理论document.write();方法入门方法//获取constdiv=document.querySelector

༺鸣翊༻·2024-02-09 23:58

html canvas绘制网格,canvas(七)绘制网格和坐标轴

###1.绘制网格varcanvas=document.querySelector("canvas")varctx=canvas.getContext("2d")functionDrawDrid(canvas

从今开始佛系·2024-02-09 02:33

canvas绘制坐标系

letoCanvas=document.querySelector("canvas");第一步：拿到c

贵哥的编程之路(热爱分享)·2024-02-09 02:03

VUE2模拟VUE3中的Teleport实现改变元素挂载的节点

页面exportdefault{name:'teleport',props:{to:{type:String,required:true}},mounted(){consttoEl=document.querySelector

灰海·2024-02-09 00:34

vue自定义全局指令：绑定在el-input上，使输入框自动获取焦点

注册全局指令：importVuefrom'vue'//绑定在el-input上，使输入框自动获取焦点Vue.directive('focus',{inserted:function(el){el.querySelector

shawxlee·2024-02-08 10:24

JavaScript高级：异常和debugger调试

//会终止程序}returnx+y}console.log(fn())2捕获异常try...catch捕获异常try{//可能抛出异常的代码constp=document.querySelector('

是小蟹呀^·2024-02-07 20:10

el-table滚动加载数据

为el-table全局注册自定义指令，用来监听el-table滚动到底部时的事件，在main.js中注册bind(el,binding){constselectWrap=el.querySelector

宏_4491·2024-02-07 18:44

js获取标签元素

document.getElementsByTagName('标签名')放回所有这个标签名的集合3.document.getElementsByClassName('class名')返回所有这个class的元素的集合4.document.querySelector

曹增·2024-02-07 12:30

vue动态配置title、keywords、description、字体文件

字体文件动态配置这里需要用到原生javascript中的document，querySelector，setAttribute。

白衣诗人·2024-02-07 08:05

2018前端常见基础面试题（精炼版）

常规1.js如何查找元素以及他们的区别document.querySelector('#id');//静态获取节点（js新增的节点无法获取）document.getElementById('#Id');

上天眷顾我·2024-02-07 02:32

react绑定事件的三种方式

方法1绑定bindconstroot=ReactDOM.createRoot(document.querySelector("#root"));classAppextendsReact.Component

鞠婧祎yamy·2024-02-06 22:45

文件分片上传

AwyaW1217·2024-02-06 19:08

uniapp设置不显示顶部返回按钮

一、pages文件中，在相应的页面中设置"titleNView":{"autoBackButton":false}二、对应的页面文件设置隐藏元素document.querySelector('.uni-page-head-hd

前端（从入门到入土）·2024-02-06 18:27

JS前端转Excel，带样式

exportTable(selector,fileName){lettableDom=document.querySelector(selector);letwb=XLSX.utils.table_to_book

呸呸呸呀·2024-02-05 18:04

第十讲_JavaScript文档对象模型DOM（一）

操作DOM元素1.3节点关系1.4添加节点1.5克隆节点1.6删除节点1.元素操作1.1获取DOM元素//通过css选择器匹配第一个满足条件的元素，返回一个HTMLElement对象document.querySelector

文大奇Quiin·2024-02-05 16:57

推荐频道