Get Body Element of Site Using Only Javascript

Get Body Element of Site Using Only Javascript

I would like to retrieve the following sites body content and store it in a string, i know and am successful at retrieving this using php, however i want to restrict to using only javascript, is there a way just to take the string in the site and copy it and store it in a var?

1

3 Answers

Although the @Brendan's answer is accepted and correct.

It is simple, short and faster enough to get a body element using

document.body;

It does the same as we can do with document.getElementsByTagName('body')[0];, and it should be in the list of answers.

2

Try this:

<script>
window.onload = function get_body() {

  body = document.getElementsByTagName('body')[0];
}

</script>

Allow me to explain. The window.onload is so that the HTML loads before the script is executed. Even though there is only one body tag this is the method i use^. Basically, it finds the "first" body tag there is, then I tell it to just get the body element itself and not all the other attributes and child nodes that go along with it using an index of [0]. If you want everything to do with the body tag then lose the index of 0. Hope this Helps!

4

Yet another option:

let body = document.querySelector("body");

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Sarah Jenkins
Author

Sarah Jenkins

Sarah Jenkins is a veteran tech journalist with over 12 years of experience covering artificial intelligence, mobile innovations, and digital ethics. Her insights have appeared in leading technology publications worldwide.