javascript - YUI replacements for jQuery.replaceWith and jquery.append -


I have some jquery code that I am trying to translate to YUI. I am using UII 2.8. Using Jquery I can easily change a DOM element. Jquery.replaceWith and jquery.append is a good way to use YUI instead I tried to write down my works, but these can only take text, While I have to give a sung dom. & lt; P & gt; & Lt; A href = "" & gt; Is & lt; / A & gt; & Lt; / P & gt; (much more complex than this.)

  is not a good replacement for replacing the function (El_id, text) {// YUI $ $. Simulate this for my use by writing a Node_to_replace = YAHOO.util.Dom.get (el_id); If (node_to_replace) {new_node = document.createTextNode (text); YAHOO.util.Dom.insertAfter (new_node, node_to_replace); Node_to_replace.innerHTML = ''} return node_to_replace} function append (el_id, text) {// $ YUI $. There is not a good replacement for. Simulate this for my use by writing a Node_to_replace = YAHOO.util.Dom.get (el_id); If (node_to_replace) {new_node = document.createTextNode (text); YAHOO.util.Dom.insertAfter (new_node, node_to_replace); } Return node_to_replace}  

Try with:

 Replace  function (el_id, text) {var node_to_rele = YAHOO.util.Dom.get (el_id); If (node_to_replace) {var new_node = document.createElement ("div"); New_node.innerHTML = text; // Pars the code before a new element before node = node_to_replace; For (i = 0; i & lt; new_node.childNodes.length; i ++) {// Move the generated children after the node YAHOO.util.Dom.insertAfter (new_node.childNodes [i], beforeNode) ; BeforeNode = new_node.childNodes [i]; } Node_to_replace.parentNode.removeChild (node_to_replace); // Remove the replacement element} return node_to_replace} function append (el_id, text) {var node_to_replace = YAHOO.util.Dom.get (el_id); If (node_to_replace) {var new_node = document.createElement ("div"); New_node.innerHTML = text; // Pars the code inside a new element (i = 0; i & lt; new_node.childNodes.length; i ++) {// Node node-to-reel of node node .appendChild (new_node.childNodes [ I]); }} Return node_to_replace}  

Comments

Post a Comment