react.js 获取真实的DOM节点实例(必看)
2017-04-17 08:20
651 查看
为了获取真实的dom节点,文本输入框必须有一个 ref 属性,然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。
var MyComponent = React.createClass({ handleClick: function() { this.refs.myTextInput.focus(); }, render: function() { return ( <div> <input type="text" ref="myTextInput" /> <input type="button" value="Focus the text input" onClick={this.handleClick} /> </div> ); } }); ReactDOM.render( <MyComponent />, document.getElementById('example') );
以上这篇react.js 获取真实的DOM节点实例(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章推荐
- React 获取真实的DOM节点
- ReactNative中获取真实的DOM节点
- 【经验积累】JS,HTML DOM 在dom操作获取节点时,要注意文本节点的问题
- js获取节点 dom操作
- js Dom节点的获取 以及相关操作
- 04 JS-DOM之-直接获取节点(3种方法)
- Dom节点是js中的哪个对象的实例
- js的DOM(文档对象模型)获取节点
- js获取节点的DOM操作
- js操作DOM--添加、删除节点的简单实例
- JS的DOM(一)获取节点
- js获取节点 dom操作
- js获取节点 dom操作
- js中获取 table节点各tr及td的内容简单实例
- js获取节点 dom操作
- js -- dom -- JS获取HTML DOM节点元素
- js获取节点dom操作
- js获取节点 dom操作
- 05 JS-DOM之-间接获取节点(即访问关系)
- js-Dom节点的获取-以及相关操作