<h1 id="heading-common-grounds">Common grounds</h1>
<ul>
<li>textContent / innerHTML both works to change content as below.</li>
</ul>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1657613750029/WoT0hruUH.png" alt="image.png" /></p>
<h1 id="heading-differences">Differences</h1>
<ul>
<li>textContent : it only change the content</li>
<li>innerHTML : it can change the content and appearance as well.</li>
</ul>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1657614000061/IwH_XNpwh.png" alt="image.png" /></p>



# Common grounds

- textContent / innerHTML both works to change content as below.


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1657613750029/WoT0hruUH.png align="left")

# Differences

- textContent : it only change the content
- innerHTML : it can change the content and appearance as well.


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1657614000061/IwH_XNpwh.png align="left")


[JavaScript] textContent / innerHTML

both are for changing content but there are differences

Common grounds

Differences