Create orphan tag in jQuery without plugin

Question

I tried creating new tags using jQuery and appending using $("<div></div>"). But I want to create some XML elements which are orphan tags (which has no ending tags).

When I tried to create such tags, using

$("<column/>")

It is creating

<column></column>

and I am expecting <column />.

How can I do this without any jQuery plugin? I am adding some attributes for it after creating that element.

Check the question once you post! – Praveen Kumar Purushothaman Jul 01 '15 at 08:50 — Praveen Kumar Purushothaman, Jul 01 '15 at 08:50

score 0 · Answer 1 · edited May 23 '17 at 12:29

0

The documentation says:

When the parameter has a single tag, such as $('<img />') or $('<a></a>'), jQuery creates the element using the native JavaScript createElement() function.

So it is the browser that decides whether the tag is a self-closing tag or there should be a closing tag.

If you are definitely sure that it doesn't have a self closing tag, like the <circle /> element and it has a specification, then you need to use:

var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");

Reference: Creating SVG graphics using Javascript?

edited May 23 '17 at 12:29

Community

1
1

answered Jul 01 '15 at 08:52

Praveen Kumar Purushothaman

164,888
24
203
252

1

And createElement cannot be used to create SVG tags. – Robert Longson Jul 01 '15 at 08:53
@praveen Kumar, I am using $("") but still it is creating ending tag, here is what I did. https://jsfiddle.net/dlinx/7qvgztLa/ – Laxmikant Dange Jul 01 '15 at 09:30
@LaxmikantDange It is not you, but it is the browser that makes it close tag. – Praveen Kumar Purushothaman Jul 01 '15 at 09:31
1

There is no semantic difference between `` and ``. A UA is free to display it in either fashion. – Robert Longson Jul 01 '15 at 09:32
@RobertLongson Its not difference for browser but I am creating xml which I am going to export for another software which consider it as difference – Laxmikant Dange Jul 01 '15 at 09:34
1

@LaxmikantDange Go file a bug report on that software then. Or fix it to work correctly. – Robert Longson Jul 01 '15 at 09:36
@RobertLongson Ha ha ha... That's rude buddy! – Praveen Kumar Purushothaman Jul 01 '15 at 09:37
@PraveenKumar That software is buggy and should not do that. He's fixing the wrong thing. Why is pointing that out rude? – Robert Longson Jul 01 '15 at 09:38
The conclusion is that and are both valid and identical as far as XML is concerned. An XML parser is not allowed to distinguish between the two cases. There's no way to create one of them specifically. – Robert Longson Jul 01 '15 at 09:44
@RobertLongson Just said it is like straight into face. I was sarcastic buddy, and you weren't rude!!! Don't take it seriously! – Praveen Kumar Purushothaman Jul 01 '15 at 10:00

score 0 · Accepted Answer · answered Jul 14 '15 at 12:31

After doing some research, I found following answer.

Its little difficult to create XML document using jQUery, but with JavaScript, it is very easy.

Create instance of xml document.

var createXMLDocument=function(){
 var _doc,perser;
 if(window.DOMParser){
   parser=new DOMParser();
   _doc=parser.parseFromString("<doc></doc>","application/xml");
 }else{
   _doc=new ActiveXObject("Microsoft.XMLDOM");
   doc.async="false";
   _doc.loadXML("<doc></doc>");
 }
 return _doc
}

Create elements.

var xml=new createXMLDocument();
var _columns=xml.createElement("columns");
var _column=xml.createElement("column");

Attach it to XML main document.

_columns.appendChild(_column);
xml.firstChild.appendChild(_columns);

It will create xml like this;

<doc>
  <columns>
    <column/>    // This is what I needed
  </columns>
</doc>

Create orphan tag in jQuery without plugin

2 Answers2