Append div class contain spesific class using javascript

You can use querySelectorAll('div[class*=detail-news')

Selects every "div" element whose class attribute value contains the substring "detail-news"

Demo: https://jsfiddle.net/yzw11ok1/1/

function appenddiv() { var elements = document.querySelectorAll('div[class*="detail-news"'); for(var k in elements){ var div = document.createElement('div'); div.className = 'append_test'; elements[k].appendChild(div); } } 

Instead of using IDs, you indeed have to use class. An ID is unique, but a class is not, so when you get elements by their classname you get more than one element. They can also have more than one class. In this example, the second div will have two classes music-detail-news and detail-news.

Assuming that you have multiple divs with this class

 <div id="firstdiv" class="music-detail-news"> <!--- Some Content --> </div <div id="seconddiv" class="music-detail-news detail-news"> <!--- Some Content --> </div 

You could get all of them using document.getElementsByClassName.

var elements = document.getElementsByClassName("detail-news"); 

Now you can apply the div to each element in the array

var div = document.createElement("div"); for(var i = 0; i < elements.length; i++){ elements[i].appendChild(div); } 

Or if you'd want to append to only the divs with class music-detail-news, you'd write:

var elements = document.getElementsByClassName("music-detail-news"); for(var i = 0; i < elements.length; i++){ elements[i].appendChild(div); } 

You can select using a partial class.

document.querySelectorAll("[class$=-detail-news]");

Will select any class that ends in "-detail-news"