javascript - 如何在 JavaScript 中创建具有 lang 属性的 HTML 元素？

Question

我想创建一个具有lang属性的新元素。

我可以这样做吗？如果不是什么是最短的方法？

Answer 1

你能做的最短的是两条线：

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

Answer 2

正如Blender 所说，你必须有两个语句（传统上写成两行）。

当然，你可以给自己一个辅助函数来完成它：

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

用法：

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

Answer 3

使用Firebug控制台，我发现createElement()返回一个Element具有lang属性的对象。

所以你可以使用：

lang属性

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

setAttribute()方法

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