CODEWITHSUNDEEP
javascriptxmljsonhtml
Nitesh Gadekar
Nitesh Gadekar

Reputation: 45

html to xml conversion using javascript?

Is it possible to convert all div child information into XML or JSON using JavaScript? 

$("#droppable").droppable({
drop : function(event, ui) {
    var id = $(ui.draggable).attr("id");
    var cloneObj = $((ui.draggable).clone());
    $(cloneObj).removeClass("draggable ui-draggable");
    if (id === "txt") {
        inputOBj = document.createElement("input");
        inputOBj.setAttribute("id", "txt" + i);
        $("#droppable").append(inputOBj);
    } else if (id == "combo") {
        inputOBj = document.createElement("select");
        inputOBj.setAttribute("id", "select" + i);
        console.log("");
    }
  });

Upvotes: 1

Views: 11128

Answers (2)

Oomph Fortuity
Oomph Fortuity

Reputation: 6118

there is property called outerHTML. It Sets or retrieves the object and its content in HTML. U can use it in following way. e.g:

$(document).ready(function() {  
    $('#p').click(function() {
        alert($('#p')[0].outerHTML);
    }); 
});

tip: p is your any tag ID in body of page.

Upvotes: 1

Semicolon
Semicolon

Reputation: 7413

I believe you can use XMLSerializer to do this.

var yourString = new XMLSerializer().serializeToString(cloneObj[0]);

Upvotes: 10

Related Questions