Assign style to class not ID

What I'm trying to achieve is whenever the "block" inside of the canvas is edited the style isn't added to an #id but instead added to a class.

My logic is to take the current ID that is used - the random string and remove it as the ID and make it a class and then assign styles to that class instead of the ID, yes it'll result in lots of classes but it'll mean I won't have issues with ID's on the frontend.

I can't seem to find how to do this though, whenever I do it on:

editor.on('component:update', component => {})

It just doesn't work. The ID is always undefined. component.getAttributes()['id']; and I don't seem to be able to reassign the style set to that ID to a unique class.

I know this sounds silly, but my issue comes when I'm using some Javascript on the frontend of my site and it's throwing a wobbler when it duplicates the HTML for an infinite scroller. Multiple ID's on the page is incorrect and making it into a class would work much better.