To access an HTML element, JavaScript can use the document.getElementById(id)<\/strong> method.<\/p>\n The id<\/strong> attribute defines the HTML element. The innerHTML<\/strong> property defines the HTML content:<\/p>\n <!DOCTYPE html> <h2>My First Web Page<\/h2> <p id=”demo”><\/p><\/p>\n <script> <\/body> For testing purposes, it is convenient to use document.write()<\/strong>:<\/p>\n <!DOCTYPE html> <h2>My First Web Page<\/h2> <p>Never call document.write after the document has finished loading. <script> <\/body> You can use an alert box to display data:<\/p>\n <!DOCTYPE html> <h2>My First Web Page<\/h2> <script> <\/body> For debugging purposes, you can use the console.log()<\/strong> method to display data.<\/p>\n <!DOCTYPE html> <h2>Activate debugging with F12<\/h2><\/p>\n <p>Select “Console” in the debugger menu. Then click Run again.<\/p><\/p>\n <script> <\/body> <\/p>\n","protected":false},"excerpt":{"rendered":" Using innerHTML To access an HTML element, JavaScript can use the document.getElementById(id) method. The id attribute defines the HTML element. The innerHTML property defines the HTML content: <!DOCTYPE html> <html> <body> <h2>My First Web Page<\/h2> <p>My First Paragraph.<\/p> <p id=”demo”><\/p> … Continue reading
\n<html>
\n<body><\/p>\n
\n<p>My First Paragraph.<\/p><\/p>\n
\ndocument.getElementById(“demo”).innerHTML = 5 + 6;
\n<\/script><\/p>\n
\n<\/html><\/p>\nUsing document.write()<\/h2>\n
\n<html>
\n<body><\/p>\n
\n<p>My first paragraph.<\/p><\/p>\n
\nIt will overwrite the whole document.<\/p><\/p>\n
\ndocument.write(5 + 6);
\n<\/script><\/p>\n
\n<\/html><\/p>\nUsing window.alert()<\/h2>\n
\n<html>
\n<body><\/p>\n
\n<p>My first paragraph.<\/p><\/p>\n
\nwindow.alert(5 + 6);
\n<\/script><\/p>\n
\n<\/html><\/p>\nUsing console.log()<\/h2>\n
\n<html>
\n<body><\/p>\n
\nconsole.log(5 + 6);
\n<\/script><\/p>\n
\n<\/html><\/p>\n