ref:被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用,那么指向的就是普通的DOM元素。 ref 有三种用法: 1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素 2、ref 加在子组件上,用this.ref. ...
分类:
其他好文 时间:
2020-04-19 14:36:46
阅读次数:
48
1.行间样式表的读写 1:获取元素节点 var js = document.getElementById('in') 2:获取style的属性节点 var jsStyle = js.style 3:获取样式表中的样式属性的属性值 style属性节点.样式属性名 元素节点.style.样式属性名 元素 ...
分类:
Web程序 时间:
2020-04-18 12:10:51
阅读次数:
76
在vue中一般很少直接操作DOM,如果需要操作DOM,我们可以通过ref 和$ref来实现。 1 ref ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上,如果是在普通的DOM元素上使用,引用指向的就是 DOM 元素,如果是在子组件上,引用就指向组件的实例。 ...
分类:
其他好文 时间:
2020-04-16 00:20:27
阅读次数:
96
文档对象模型(Document Object Model,DOM)是一种用于HTML编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。DOM相当于是一个模块,提供了关于HTML文档中对标签进行操作的功能,JavaScript结合DOM可以对HTML中的标签进行操作。可以把D ...
分类:
编程语言 时间:
2020-04-15 21:27:12
阅读次数:
86
这种型号的手机,整个页面<html></html>的字体偏大一些,导致页面css中 1rem > html中总体字体大小 所以: 如果页面中的宽高用rem这个单位,则会出现dom元素宽度偏大,页面错乱的结果! 解决方案: 宽度用百分比(%); 高度目前无能为力。 ...
分类:
微信 时间:
2020-04-14 18:50:52
阅读次数:
367
匿名函数 匿名函数:没有函数名的函数 匿名函数不能单独定义与使用 匿名函数的应用场景 用于函数表达式 作为返回值 用于定义对象方法 作为回调函数 用于立即执行函数 用于DOM元素注册事件 其他 ... 用于函数表达式 作为返回值 用于定义对象方法 作为回调函数 用于立即执行函数 用于DOM元素注册事 ...
分类:
编程语言 时间:
2020-04-14 17:10:30
阅读次数:
150
操作dom元素 查 查元素 id(getElementById){返回值获取到一个元素,没有找到返回null} class(getElementByClassName){返回值是一个类数组,没有找到返回空数组} 标签名(getElementByTagName){返回是一个数组,没有找到返回空数组} ...
分类:
其他好文 时间:
2020-04-13 23:13:16
阅读次数:
84
一、前言,公司用的angular项目用到了typescript,所以这里记录一些对自己有用的; 1.typescript里Dom元素类型是HTMLElement(在ts的lib.dom.d.ts里声明),比如angular里elementRef.nativeElement返回的值的类型就可以指定为H ...
分类:
其他好文 时间:
2020-04-09 15:27:52
阅读次数:
66
1.props & event 父组件向子组件传递props数据,子组件通过触发事件向父组件回传数据。 2.ref ref属性可定义在子组件或原生DOM上,如果在子组件上,则指向子组件实例,如果在原生DOM上,则指向原生DOM元素(可以用做元素选择,省去querySelector的烦恼)。 父组件: ...
分类:
其他好文 时间:
2020-04-08 20:59:35
阅读次数:
89
通过ID获取(getElementById)通过name属性(getElementsByName)通过标签名(getElementsByTagName)通过类名(getElementsByClassName)通过选择器获取一个元素(querySelector)通过选择器获取一组元素(querySel ...
分类:
Web程序 时间:
2020-04-08 12:17:05
阅读次数:
72