获取DOM的真实节点

Posted 闹闹猪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取DOM的真实节点相关的知识,希望对你有一定的参考价值。

<script type="text/babel">
var Myelement=React.createClass({
handleClick:function(){
this.refs.myInput.focus();  this.refs.[refname]获取真实的节点 只有真实的DOM发生click事件之后 才会发生this.refs.myInput
},
render:function(){
return (
<div>
<input type="text" ref="myInput" />
<input type="button" value="focus" onclick={this.handleClick} /> 
</div>
);
}
});

ReactDOM.render(
<Myelement/>,
document.getElementById(‘example‘)
);

</script>

以上是关于获取DOM的真实节点的主要内容,如果未能解决你的问题,请参考以下文章

react入门-----(jsx语法,在react中获取真实的dom节点)

react怎么获取dom节点距离文档的top值

javascript 虚拟DOM转化成真实的DOM节点

《关于实现一个函数把真实dom转换成虚拟dom原来是这么一回事》

虚拟DOM与dom diff

虚拟DOM性能优化实战,同样是操作DOM,为什么说他快?