You want .textContent in all but older IE, and .innerText in IE (<9). So, try: string = (node.textContent===undefined) ? node.innerText : node.textContent; EDIT: Or, just use GGG’s much cleaner string = (node.innerText || node.textContent), since undefined is falsy.
This is similar to the answer from palswim, except that it doesn’t bother with creating a clone, and uses a while() loop instead, always appending the node at [0]. function createElement( str ) { var frag = document.createDocumentFragment(); var elem = document.createElement(‘div’); elem.innerHTML = str; while (elem.childNodes[0]) { frag.appendChild(elem.childNodes[0]); } return frag; }
<div id=”whatever”>hello one</div> <script> document.getElementById(“whatever”).innerHTML += ” hello two”; </script>
document.body.innerHTML = ”; does clear the body, yeah. But it clears the innerHTML as it is at the moment the code is ran. As you run the code before the images and the script are actually in the body, it tries to clear the body, but there’s nothing to clear. If you want to clear … Read more
element.scrollHeight is probably worth investigating. If I was going to approach this (and I’ve not tested this at all), I’d set the textarea’s height to 1px measure the scroll height and then reset the textarea’s height. https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight
Of course. createTextNode will escape any strings and show them as they are, while innerHTML could render html-like strings into a DOM. If you don’t want that (unless you are sure the text contains no unescaped tags, e.g. when assigning a literal directly), you can use textContent (or innerText for IE). Yet I’d recommend createTextNode, … Read more
I think a browser rightfully assumes a page with content-type text/html will always be a web page – so whilst you may do something like… document.body.innerHTML = ”; It will still have some HTML hanging around. You could try… document.documentElement.innerHTML = ”; …which left me with <html></html>. Yi Jiang did suggest something clever. window.location = … Read more
Make sure the script is placed in the bottom of the BODY element of the document you’re trying to manipulate, not in the HEAD element or placed before any of the elements you want to “get”. It does not matter if you import the script or if it’s inline, the important thing is the placing. … Read more
The problem appears to be that the global symbol clear is already in use and your function doesn’t succeed in overriding it. If you change that name to something else (I used blah), it works just fine: Live: Version using clear which fails | Version using blah which works <html> <head> <title>lala</title> </head> <body> <h1 … Read more
If you don’t want to use innerHTML you could use document.write(newDocument);. If the document hasn’t completely loaded, you’ll need to put document.open() as well (thanks bažmegakapa).