React获取DOM方法
来源:互联网 发布:cms监控软件客户端下载 编辑:程序博客网 时间:2024/06/06 14:20
以下提供三种方法:
1. js 常规dom操作方式,通过id获取dom
2.react原生函数findDOMNode获取dom
3.通过ref来定位一个组件,切记ref要全局唯一(类似id)
import React, { Component } from 'react';import ReactDOM from 'react-dom';class Index extends Component { onClick(event){ console.log(event.target.value); // 第一种方式 var submitObj = document.getElementById('submit'); submitObj.style.color = 'green'; // 第二种方式 ReactDOM.findDOMNode(submitObj).style.color = 'yellow'; // 第三种方式 this.refs.submit.style.color = 'blue'; } render(){ return ( <div> <input id='submit' ref='submit' type='button' value='style' onClick={this.onClick.bind(this)}/> </div> ) }}ReactDOM.render(<Index/>,document.getElementById('container'));
阅读全文
0 0
- React获取DOM方法
- React获取DOM节点
- React 获取真实的DOM节点
- react教程之获取真实的DOM节点
- React学习(七)获取真实的DOM节点
- react中操作dom的方法之---refs
- React 点击删除列表中对应项(React 获取DOM中自定义属性)
- react native 中获取屏幕宽度方法
- jquery 常用的获取dom的方法
- 获取DOM节点的所有方法
- javascript获取dom的下一个节点方法
- 获取元素的三种DOM方法
- DOM中获取元素的方法
- JS中获取DOM的方法
- JavaScript获取DOM元素的方法总结
- JS获取DOM元素的方法
- React-DOM操作详解
- React-DOM操作详解
- 静态视图实体
- 欢迎使用CSDN-markdown编辑器
- Oracle数据库管理员的职责是什么?
- 欢迎您在新浪博客安家
- 05. 属性和监听者
- React获取DOM方法
- 一条sql语句小错误
- JspSmartUpload上传中文时出现乱码的解决方法
- js继承的原理、方式以及优缺点
- 为什么struts2访问页面不用加后缀j…
- 使用struts2的输入校验
- 两点画一条线
- 层次聚类算法java实现
- 谈《与神对话》中,你最高的真实隐…