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

How to create HTML element with lang attribute in JavaScript?

本文关键字:属性 lang HTML 元素 JavaScript 创建      更新时间:2023-09-26

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

我能做一行吗?如果不是,最短的方法是什么?

你能做的最短的事情是两行:

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

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

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

所以你可以使用:

lang属性

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

setAttribute()方法

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