How to create HTML element with lang attribute in JavaScript?

Question

I want to create a new element with a lang attribute.

Can I do that as a one-liner ? If not what is the shortest method ?

Answer 1

Playing with the Firebug console, I found that createElement() return an Element object which has a lang attribute.

So you can use:

lang attribute

var elt = document.createElement("i");
elt.lang = 'fr';

setAttribute() method

var elt = document.createElement("i");
elt.setAttribute('lang','fr');

Answer 2

The shortest you can do is a two-liner:

var div = document.createElement('div');
div.lang = 'en';

Answer 3

As Blender says, you have to have two statements (which would traditionally be written in two lines).

You can, of course, give yourself a helper function to do it in one:

function createElement(type, props) {
    var key;
    var elm = document.createElement(type);
    if (props) {
        for (key in props) {
            elm[key] = props[key];
        }
    }
    return elm;
}

Usage:

var newSpan = createElement("span", {lang: "en"});