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

【问题标题】：How to create HTML element with lang attribute in JavaScript?如何在 JavaScript 中创建具有 lang 属性的 HTML 元素？
【发布时间】：2013-08-28 07:47:35
【问题描述】：

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

我可以做一个单行吗？如果不是，最短的方法是什么？

【问题讨论】：

大部分情况下只要把;放好就可以一行写JS了...
不是我所说的单线，但谢谢

标签： javascript dom attributes lang

【解决方案1】：

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

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

【讨论】：

这是一个不可行的例子：stackoverflow.com/q/18485948/802365，请参阅我的答案以获得更完整的解决方案。
@EdouardLopez：你是如何测试它的？ lang 属性应该可以工作。
相关问题的问题是命名空间问题

【解决方案2】：

作为Blender says，您必须有两个语句（传统上写成两行）。

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

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"});

【讨论】：

很好的可重用性，但在这种情况下我不需要它。

【解决方案3】：

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

所以你可以使用：

`lang`属性

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

`setAttribute()`方法

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

【讨论】：

lang属性

setAttribute()方法

`lang`属性

`setAttribute()`方法