组件Refs(操作DOM的2⃣️两种方法)

第一种方式
var mySubmitButton = document.getElementById('submitButton');
console.log(mySubmitButton);
ReactDOM.findDOMNode(mySubmitButton).style.color = 'red';
//不推荐此方法，有安全隐患，XSS攻击
第二种方法
console.log(this.refs.submitButton);
this.refs.submitButton.style.color = 'red';

转载于:https://www.cnblogs.com/ArielChen/p/7467598.html

组件Refs(操作DOM的2⃣️两种方法)相关推荐

动态修改dom node的两种方法性能比较
Created by Jerry Wang, last modified on Sep 25, 2014 测试代码: <html> <script src="C:\User ...
vue操作dom元素的三种方法介绍和分析
相信大家在做项目的时候,肯定会遇到这样的问题:我点击新增按钮,需要弹出个弹框,然后我点击对应的关闭按钮,关闭弹框,但是新增按钮和关闭按钮操作的是另一个元素,所以需要获取dom元素进行操控,那么在vue ...
集合转换成数组的两种方法---toArray()和toArray(T[] a)
实际开发中经常会用到将集合转换成数组进行操作,list有两种方法可以进行数组的转换. 首先看下List的这两个方法的说明: Object[ ] toArray() :返回按适当顺序包含列表中的所有元 ...
Vue父组件访问子组件属性和方法、父子组件双向绑定（两种方法）
Vue父组件访问子组件属性和方法.父子组件双向绑定(两种方法) 1. 使用vue-cli创建项目目录结构如下图: 2. 编写代码 src/components/HelloWorld.vue < ...
【VUE】vue实现登录滑动拼图验证的两种方法，纯前端组件验证以及前后端同时验证
vue实现登录滑动拼图验证的两种方法: 第一种是纯前端组件验证,只能区分是人为操作还是机器操作. 第二种是前后端同时验证,这种方法加上后端校验相对会更安全一些.(注:在最底部加上了同时兼容移动端的方法 ...
Mysql使用binlog恢复数据解决误操作问题的两种方法
Mysql使用binlog恢复数据解决误操作问题的两种方法参考文章: (1)Mysql使用binlog恢复数据解决误操作问题的两种方法 (2)https://www.cnblogs.com/Data ...
Allegro打散Group的两种方法操作指导
Allegro打散Group的两种方法操作指导 Allegro可以建一个Group,也可以打散一个Group,当不需要器件,过孔走线等等以一个group形式体现,可以用下面的操作打散,具体操作如下举 ...
Unity 得到游戏组件的常用的两种方法
看了一些别人总结的得到组件的方法,很详细,但是初学者会看得眼花缭乱(我就是),这里给出最常用的得到游戏组件的两种方法.这里都以MeshRenderer 组件为例 1.当脚本挂在当前游戏物体,需要得到当 ...
Matlab对含噪声图像的滤波操作_两种噪声_三种滤波器_两种方法
注释很重要 Matlab对含噪声图像的滤波操作. 噪声: 高斯噪声(正态分布) 均匀噪声用到的滤波器: 高斯滤波器盒型滤波器中值滤波器用到的两种方法: 直接conv2 fft2 %%C1 fi ...

组件Refs(操作DOM的2⃣️两种方法)

组件Refs(操作DOM的2⃣️两种方法)相关推荐

最新文章

热门文章