innerhtml

On this page http://blog.zacharyvoase.com/2010/11/11/sockets-and-nodes-i/ , running the following code in javascript console will throw an Exception. var div = document.createElement('div'); div.innerHTML = "»"; Chrome 8.0.552.28 Mac: Error: INVALID_STATE_ERR: DOM Exception 11 Firebug in Firefox 3.6.12 Mac: NS_ERROR_DOM_SYNTAX_ERR An invalid or illegal string was specified Safari 5.0.2 Mac: Error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7 Opera: works fine But it works fine in all other pages I tried. My questions are what's special about the page and why does chrome and firefox throw an

I would like to retrieve a certain tag element with its attributes from the DOM. For example, from <a href="#" class="class"> link text </a> I want to get <a href="#" class="class"> , optionally with a closing </a> , either as a string or some other object. In my opinion, this would be similar to retrieving the .outerHTML without the .innerHTML . Finally, I need this to wrap some other elements via jQuery. I tried var elem = $('#some-element').get(0); $('#some-other-element').wrap(elem); but .get() returns the DOM element including its content. Also var elem = $('#some-element').get(0); $('

I know innerHTML is supposedly evil, but I think it's the simplest way to change link text. For example: <a id="mylink" href="">click me</a> In JS you can change the text with: document.getElementById("mylink").innerHTML = new_text; And in Prototype/jQuery: $("mylink").innerHTML = new_text; works fine. Otherwise you have to replace all of the child nodes first and then add a text node. Why bother? How about document.getElementById('mylink').firstChild.nodeValue = new_text; This won't suffer from the problems described by PEZ. Regarding Triptych's comment and bobince's reply, here's another

I'm using jQuery to change the HTML of a tag, and the new HTML can be a very long string. $("#divToChange").html(newHTML); I then want to select elements created in the new HTML, but if I put the code immediately following the above line it seems to create a race condition with a long string where the changes that html() is making may not necessarily be finished rendering. In that case, trying to select the new elements won't always work. What I want to know is, is there an event fired or some other way of being notified when changes to html() have finished rendering ? I came across the jQuery

Is it possible to get in some way the original HTML source without the changes made by the processed Javascript? For example, if I do: <div id="test"> <script type="text/javascript">document.write("hello");</script> </div> If I do: alert(document.getElementById('test').innerHTML); it shows: <script type="text/javascript">document.write("hello");</script>hello In simple terms, I would like the alert to show only: <script type="text/javascript">document.write("hello");</script> without the final hello (the result of the processed script). I don't think there's a simple solution to just "grab