how to get content of the current page with jquery or JS

Question

how to get <head> content of the current page

score 59 · Accepted Answer · answered Aug 28 '10 at 21:22

59

You could use the javascript DOM API like this:

var headContent = document.getElementsByTagName('head')[0].innerHTML;

answered Aug 28 '10 at 21:22

user113716

6

Just use `document.head.innerHTML`. [Can I use?](http://caniuse.com/#search=document.head) – Zaz Oct 14 '16 at 01:14
1

@AlexandruEftimie while `document.head` is probably preferred in most modern browsers. It won't work in Internet Explorer 8 or earlier – Michael Johnston Sep 09 '18 at 02:16

score 13 · Answer 2 · answered Aug 28 '10 at 21:13

13

You can use an element selector to get <head>, for example:

$("head")
//for example:
alert($("head").html()); //alerts the <head> children

answered Aug 28 '10 at 21:13

Nick Craver

score 6 · Answer 3 · edited Feb 18 '23 at 14:58

6

Simply as:

document.head

which returns an object DOM Object.

document.head.innerHTML

which returns text, like: '<title>Title of the page...'.

edited Feb 18 '23 at 14:58

Moritz Ringler

answered Aug 01 '16 at 11:36

egoproxy

1

Check browser compatibility for `document.head`. I believe it's not supported in IE till v9. – xr280xr Aug 18 '16 at 20:25
Yes. It's supported from IE9 [developer.mozilla.org/en-US/docs/Web/API/Document/head](https://developer.mozilla.org/en-US/docs/Web/API/Document/head) – egoproxy Aug 24 '16 at 08:32

3 Answers3