From eef0d1e81138217e3a50c22b435bcd4c959bd808 Mon Sep 17 00:00:00 2001 From: James Hunter Date: Sat, 26 Jan 2019 20:27:19 -0500 Subject: [PATCH] added hint, fixed typos, updated formatting (#33492) * added hint, fixed typos, updated formatting * fix: fixed typo --- .../react/render-html-elements-to-the-dom/index.md | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/guide/english/certifications/front-end-libraries/react/render-html-elements-to-the-dom/index.md b/guide/english/certifications/front-end-libraries/react/render-html-elements-to-the-dom/index.md index 9bfcbddcd3..af4ed2ab1c 100644 --- a/guide/english/certifications/front-end-libraries/react/render-html-elements-to-the-dom/index.md +++ b/guide/english/certifications/front-end-libraries/react/render-html-elements-to-the-dom/index.md @@ -3,14 +3,19 @@ title: Render HTML Elements to the DOM --- # Render HTML Elements to the DOM -To render an element to the DOm, we use the following syntax +To render an element to the DOM, we use the following syntax ````javascript ReactDOM.render(, ); ```` +Use the Document method `getElementByID()` to target a specfic node in the DOM +````javascript +document.getElementByID() +```` +Use the Document method `getElementByID()` as an argument within the ReactDOM method `render()` to solve this challenge. ## Solution -Following the syntax, we would add this line of code to render the JSX element to the div with the id of challenge-node. +Following the syntax, we would add this line of code to render the JSX element to the `div` with the id of challenge-node. ````javascript ReactDOM.render(JSX,document.getElementById('challenge-node')); ````