change div content from JavaScript

by · Published · Updated

What you will learn here about JavaScript
  • change div content from JavaScript
  • change div text color JavaScript
  • JavaScript change div font size
  • JavaScript change div margin
  • JavaScript div display none

change div content from JavaScript

This is test example

<div id="result">This is test example</div>
<script>
document.getElementById('result').innerHTML="This is JavaScript";
</script>

change div text color JavaScript

This is test example

<div id="result">This is test example</div>
<script>
document.getElementById('result').style.color="blue";
</script>

JavaScript change div font size

This is test example

<div id="result">This is test example</div>
<script>
document.getElementById('result').style.fontSize="30px";
</script>

JavaScript change div margin

This is test example

<div id="result">This is test example</div>
<script>
document.getElementById('result').style.margin="24px";
</script>

JavaScript div display none

This is test example

<div id="result">This is test example</div>
<script>
document.getElementById('result').style.display="none";
</script>

You may also like...