Trying to remove jQuery with vanilla javascript and cannot find equivalent of $('element1').html(element2)

Asked Jan 22 '22 at 16:20

Active Jan 22 '22 at 16:20

Viewed 17 times

I am trying to remove all the jQuery from my code and I cannot find the vanilla javascript equivalent of this:

post_template=document.getElementById('post_template')
$("#modal-body").html(post_template);

I've tried the following, but it does not work:

post_template=document.getElementById('post_template')
document.getElementById('modal-body').html=post_template

If someone has a website that can show me all the methods of the getElementById object that would be super useful...Surprisingly all the documentation I've found doesn't explain all the options I can put after getElementById.

asked Jan 22 '22 at 16:20

rockets4all

1

the JS equivelant of `.html('foobar')` is `.innerHTML = 'foobar'` – KyleRifqi Jan 22 '22 at 16:23
2

`getElementById` returns an `Element` object: you should be looking into the properties of `Element` instead :) https://developer.mozilla.org/en-US/docs/Web/API/Element – Terry Jan 22 '22 at 16:24
1

@KyleRifqi That's fine for strings but not element objects – charlietfl Jan 22 '22 at 16:27
1

@charlietfl hmm thats true but you could just do `elm1.innerHTML = elm2.innerHTML` – KyleRifqi Jan 22 '22 at 16:33
@KyleRifqi Ok but now the original suggestion you made needs correcting. That's not how this should work – charlietfl Jan 22 '22 at 16:39
@KyleRifqi I did your second suggestion and it did what I wanted. Namely elm1.innerHTML = elm2.innerHTML – rockets4all Jan 22 '22 at 17:29

Trying to remove jQuery with vanilla javascript and cannot find equivalent of $('element1').html(element2)

0 Answers0