DEV Community

Cover image for Day 4: 100 days of code, innerHTML and innerText difference in JS
Gaurav-Shekhawat
Gaurav-Shekhawat

Posted on • Edited on

Day 4: 100 days of code, innerHTML and innerText difference in JS

DIfference between innerHTML and innerText in js

see this medium article for details.

This is short summary of the above article.

Difference between getElementById and getElementsByClassName

The difference that I found through trial and error:-

The getElementById will select only one element(as only one element will have that unique id), while in the arguments of getElementsByClassName we can provide multiple classes, and it will select all the elements matching those classes. Hence getElementsByClassName is like an array. Example:-

<div class="parentDiv"></div>
Enter fullscreen mode Exit fullscreen mode

To access the above, you have to write

var divToBeAppended = document.getElementsByClassName("parentDiv");
divToBeAppended[0].appendChild(newButton);
Enter fullscreen mode Exit fullscreen mode

Important things to remember:-

  • centering using margin auto

  • In case of a image as direct child of an div with rounded corners, the image will overflow through the container. To stop that, you can use:-

.container{
overflow:hidden;
}
Enter fullscreen mode Exit fullscreen mode

Things i couldn't make a summary of:-

  • Change button colors project
  • Kotlin basics:- functions, variables, etc.

Things couldn't complete ( try again)

  • CP problem:- Time is Mooney
  • CP DP handbook last section

Top comments (0)