diff --git a/components/checkbox/demo/basic.md b/components/checkbox/demo/basic.md
index 1481b01b85..41bcd32eef 100644
--- a/components/checkbox/demo/basic.md
+++ b/components/checkbox/demo/basic.md
@@ -8,7 +8,6 @@
 
 ````jsx
 import { Checkbox } from 'antd';
-const container = document.getElementById('components-checkbox-demo-basic');
 
 function onChange(e) {
   console.log('checked = ' + e.target.checked);
@@ -17,5 +16,5 @@ function onChange(e) {
 ReactDOM.render(<label>
   <Checkbox defaultChecked={false} onChange={onChange} />
   Checkbox
-</label>, container);
+</label>, document.getElementById('components-checkbox-demo-basic'));
 ````
diff --git a/components/checkbox/demo/controller.md b/components/checkbox/demo/controller.md
index 88a06b17da..4b6914d756 100644
--- a/components/checkbox/demo/controller.md
+++ b/components/checkbox/demo/controller.md
@@ -8,7 +8,6 @@
 
 ````jsx
 import { Checkbox, Button } from 'antd';
-const container = document.getElementById('components-checkbox-demo-controller');
 
 const App = React.createClass({
   getInitialState() {
@@ -56,5 +55,5 @@ const App = React.createClass({
   }
 });
 
-ReactDOM.render(<App />, container);
+ReactDOM.render(<App />, document.getElementById('components-checkbox-demo-controller'));
 ````
diff --git a/components/checkbox/demo/disable.md b/components/checkbox/demo/disable.md
index 1cab2654a9..7a6608012a 100644
--- a/components/checkbox/demo/disable.md
+++ b/components/checkbox/demo/disable.md
@@ -8,11 +8,10 @@ checkbox 不可用。
 
 ````jsx
 import { Checkbox } from 'antd';
-const container = document.getElementById('components-checkbox-demo-disable');
 
 ReactDOM.render(<div>
   <Checkbox defaultChecked={false} disabled />
   <br />
   <Checkbox defaultChecked disabled />
-</div>, container);
+</div>, document.getElementById('components-checkbox-demo-disable'));
 ````
diff --git a/components/steps/demo/icon.md b/components/steps/demo/icon.md
index 3a440eecd4..9862d04354 100644
--- a/components/steps/demo/icon.md
+++ b/components/steps/demo/icon.md
@@ -9,11 +9,10 @@
 ````jsx
 import { Steps } from 'antd';
 const Step = Steps.Step;
-const container = document.getElementById('components-steps-demo-icon');
 
 ReactDOM.render(<Steps>
   <Step status="finish" title="步骤1" icon="cloud" />
   <Step status="process" title="步骤2" icon="apple" />
   <Step status="wait" title="步骤3" icon="github" />
-</Steps>, container);
+</Steps>, document.getElementById('components-steps-demo-icon'));
 ````
diff --git a/components/steps/demo/simple.md b/components/steps/demo/simple.md
index 7266c9229b..6ee1da6cd7 100644
--- a/components/steps/demo/simple.md
+++ b/components/steps/demo/simple.md
@@ -9,7 +9,6 @@
 ````jsx
 import { Steps } from 'antd';
 const Step = Steps.Step;
-const container = document.getElementById('components-steps-demo-simple');
 
 const steps = [{
   title: '已完成',
@@ -29,5 +28,5 @@ const steps = [{
   );
 });
 
-ReactDOM.render(<Steps current={1}>{steps}</Steps>, container);
+ReactDOM.render(<Steps current={1}>{steps}</Steps>, document.getElementById('components-steps-demo-simple'));
 ````
diff --git a/components/steps/demo/small-size.md b/components/steps/demo/small-size.md
index b69a4b0b31..5e5931f329 100644
--- a/components/steps/demo/small-size.md
+++ b/components/steps/demo/small-size.md
@@ -9,7 +9,6 @@
 ````jsx
 import { Steps } from 'antd';
 const Step = Steps.Step;
-const container = document.getElementById('components-steps-demo-small-size');
 
 const steps = [{
   status: 'finish',
@@ -29,5 +28,5 @@ const steps = [{
   );
 });
 
-ReactDOM.render(<Steps size="small" current={1}>{steps}</Steps>, container);
+ReactDOM.render(<Steps size="small" current={1}>{steps}</Steps>, document.getElementById('components-steps-demo-small-size'));
 ````
diff --git a/components/steps/demo/status.md b/components/steps/demo/status.md
index 271706c93c..d037d3de03 100644
--- a/components/steps/demo/status.md
+++ b/components/steps/demo/status.md
@@ -9,7 +9,6 @@
 ````jsx
 import { Steps } from 'antd';
 const Step = Steps.Step;
-const container = document.getElementById('components-steps-demo-status');
 
 const steps = [{
   status: 'finish',
@@ -33,5 +32,5 @@ const steps = [{
   );
 });
 
-ReactDOM.render(<Steps>{steps}</Steps>, container);
+ReactDOM.render(<Steps>{steps}</Steps>, document.getElementById('components-steps-demo-status'));
 ````
diff --git a/components/steps/demo/step-next.md b/components/steps/demo/step-next.md
index 5992fbf652..d65b840d6b 100644
--- a/components/steps/demo/step-next.md
+++ b/components/steps/demo/step-next.md
@@ -15,7 +15,6 @@
 ````jsx
 import { Steps, Button } from 'antd';
 const Step = Steps.Step;
-const container = document.getElementById('components-steps-demo-step-next');
 const array = Array.apply(null, Array(Math.floor(Math.random() * 3) + 3));
 const steps = array.map(function(item, i) {
   return {
@@ -54,5 +53,5 @@ const App = React.createClass({
   }
 });
 
-ReactDOM.render(<App />, container);
+ReactDOM.render(<App />, document.getElementById('components-steps-demo-step-next'));
 ````
diff --git a/components/steps/demo/vertical-small.md b/components/steps/demo/vertical-small.md
index 6b0586300f..f5b8c51aab 100644
--- a/components/steps/demo/vertical-small.md
+++ b/components/steps/demo/vertical-small.md
@@ -9,7 +9,6 @@
 ````jsx
 import { Steps } from 'antd';
 const Step = Steps.Step;
-const container = document.getElementById('components-steps-demo-vertical-small');
 
 const steps = [{
   title: '已完成',
@@ -26,5 +25,6 @@ const steps = [{
   );
 });
 
-ReactDOM.render(<Steps size="small" direction="vertical" current={1}>{steps}</Steps>, container);
+ReactDOM.render(<Steps size="small" direction="vertical" current={1}>{steps}</Steps>,
+  document.getElementById('components-steps-demo-vertical-small'));
 ````
diff --git a/components/steps/demo/vertical.md b/components/steps/demo/vertical.md
index 5dd3f4e33f..499a35f255 100644
--- a/components/steps/demo/vertical.md
+++ b/components/steps/demo/vertical.md
@@ -9,7 +9,6 @@
 ````jsx
 import { Steps } from 'antd';
 const Step = Steps.Step;
-const container = document.getElementById('components-steps-demo-vertical');
 
 const steps = [{
   title: '已完成',
@@ -29,5 +28,6 @@ const steps = [{
   );
 });
 
-ReactDOM.render(<Steps direction="vertical" current={1}>{steps}</Steps>, container);
+ReactDOM.render(<Steps direction="vertical" current={1}>{steps}</Steps>,
+  document.getElementById('components-steps-demo-vertical'));
 ````
diff --git a/components/switch/demo/basic.md b/components/switch/demo/basic.md
index 0eb158e399..e1156b3f1a 100644
--- a/components/switch/demo/basic.md
+++ b/components/switch/demo/basic.md
@@ -8,11 +8,11 @@
 
 ````jsx
 import { Switch } from 'antd';
-const container = document.getElementById('components-switch-demo-basic');
 
 function onChange(checked){
   console.log('switch to ' + checked);
 }
 
-ReactDOM.render(<Switch defaultChecked={false} onChange={onChange} />, container);
+ReactDOM.render(<Switch defaultChecked={false} onChange={onChange} />,
+  document.getElementById('components-switch-demo-basic'));
 ````
diff --git a/components/switch/demo/disabled.md b/components/switch/demo/disabled.md
index 5a340eb4b7..b2e5374b0a 100644
--- a/components/switch/demo/disabled.md
+++ b/components/switch/demo/disabled.md
@@ -8,7 +8,6 @@ Switch 失效状态。
 
 ````jsx
 import { Switch, Button } from 'antd';
-const container = document.getElementById('components-switch-demo-disabled');
 
 const Test = React.createClass({
   getInitialState() {
@@ -31,5 +30,5 @@ const Test = React.createClass({
   }
 });
 
-ReactDOM.render(<Test />, container);
+ReactDOM.render(<Test />, document.getElementById('components-switch-demo-disabled'));
 ````
diff --git a/components/switch/demo/text.md b/components/switch/demo/text.md
index 0572ea2ce4..8a7bcbced1 100644
--- a/components/switch/demo/text.md
+++ b/components/switch/demo/text.md
@@ -8,11 +8,10 @@
 
 ````jsx
 import { Switch, Icon } from 'antd';
-const container = document.getElementById('components-switch-demo-text');
 
 ReactDOM.render(<div>
   <Switch checkedChildren="开" unCheckedChildren="关" />
   <span> </span>
   <Switch checkedChildren={<Icon type="check" />} unCheckedChildren={<Icon type="cross" />} />
-</div>, container);
+</div>, document.getElementById('components-switch-demo-text'));
 ````
diff --git a/components/timeline/demo/basic.md b/components/timeline/demo/basic.md
index 7eb87e64a8..3049cc67ff 100644
--- a/components/timeline/demo/basic.md
+++ b/components/timeline/demo/basic.md
@@ -8,7 +8,6 @@
 
 ````jsx
 import { Timeline } from 'antd';
-const container = document.getElementById('components-timeline-demo-basic');
 
 ReactDOM.render(
 <Timeline>
@@ -17,5 +16,5 @@ ReactDOM.render(
   <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
   <Timeline.Item>网络异常正在修复 2015-09-01</Timeline.Item>
 </Timeline>
-, container);
+, document.getElementById('components-timeline-demo-basic'));
 ````
diff --git a/components/timeline/demo/color.md b/components/timeline/demo/color.md
index a93fe01a63..3976405b24 100644
--- a/components/timeline/demo/color.md
+++ b/components/timeline/demo/color.md
@@ -8,7 +8,6 @@
 
 ````jsx
 import { Timeline } from 'antd';
-const container = document.getElementById('components-timeline-demo-color');
 
 ReactDOM.render(
 <Timeline>
@@ -25,5 +24,5 @@ ReactDOM.render(
     <p>技术测试异常3 2015-09-01</p>
   </Timeline.Item>
 </Timeline>
-, container);
+, document.getElementById('components-timeline-demo-color'));
 ````
diff --git a/components/timeline/demo/pending.md b/components/timeline/demo/pending.md
index a777df607b..e59cf2be44 100644
--- a/components/timeline/demo/pending.md
+++ b/components/timeline/demo/pending.md
@@ -8,7 +8,6 @@
 
 ````jsx
 import { Timeline } from 'antd';
-const container = document.getElementById('components-timeline-demo-pending');
 
 ReactDOM.render(
 <Timeline pending>
@@ -16,5 +15,5 @@ ReactDOM.render(
   <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
   <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
 </Timeline>
-, container);
+, document.getElementById('components-timeline-demo-pending'));
 ````