react设置innerHTML

【react设置innerHTML】的更多相关文章

<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title></title> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js&quo…

[React设置宽度的坑] 我们知道通过ref可以获取DOM元素,通过style属性可以给此DOM元素添加样式. 但下面两行的赋值是无效的: this.HomeRootDiv.style.width=window.screen.width this.HomeRootDiv.style.height=window.screen.height 因为style中的width.height是有单位的,必须加上px才是有效的赋值.所以要改成下面这样 this.HomeRootDiv.style.width…

React中innerHTML的坑

[React中innerHTML的坑] 通过React Ref机制返回的对象,是一个阉割的DOM对象,并非原始DOM对象.比如,这个阉割版的DOM对象没有innerHTML对象. <button ref={this.setVerifyButton}> 发送验证码 </button> 上面的代码通过ref来获取一个dom对象,但这个对象是没有innerHTML属性的. 为了获取innerHTML,我们需要通过document.getElementById("")来…

js插件设置innerHTML时，在IE8下报错“未知运行时错误”

问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: <div id=”divContainer”> <a name=”link”> -->报错处第三方插件内容… </a> </div> 原因: 所设置的innerHTML的对象是一个<a>,是由于<a>的对象包容性的比较低,当浏览器运行这段脚本时,校验出了运行时错误. 解决方法: 将<a>标签替换为<div>…

使用innerHTML属性向head中插入字符时报“无法设置 innerHTML 属性。该操作的目标元件无效”的错误

向head中动态插入script文件,代码如下: var sc = document.createElement("script"); sc.src = "//www.chinanews.com/ie8/js/json2.min.js"; var head = document.getElementsByTagName("head")[0]; head.appendChild(sc); 但如下要插入的代码如下: <!--[if lt IE…

react设置多个className

在一个元素上设置样式,有一个固定的样式,然后还有一个使用三元运算符根据条件添加的样式. 比如说有一个固定样式"title": <div className="title">标题</div>, 然后还要一个点击高亮的样式: <div className={index === this.state.active ? "active" : null}>标题</div> 不能这样写: <div cla…

react设置默认state和默认props

1.默认状态设置 1.constructor (ES6) constructor(props) { this.state = { n: ... } } 2.getInitialState (ES5) 只能用在React.createClass中,extends React.Component不行 2.默认props设置 1.组件外部 (ES6) component.defaultProps = { name: '...' } 2.组件内部 (ES7,必须开启ES7的babel支持) static…