你可以实例化一个Element对象并同时定义属性吗?

时间:2014-10-14 18:17:10

标签: javascript dom formatting element

对某些人来说,这似乎是一个愚蠢的问题。简短的背景是;我临床上被诊断出患有强迫症,因此我非常关注我的代码的格式和整洁,所以我提前道歉。这引出了我的问题:

javascript中是否有一种实例化对象并在块中定义其属性的方法?我的目标可能与您如何看到JSON对象/字符串

有些类似

这里有一些伪代码/格式:

var preElement = document.createElement('pre')
    .className = "nodeResults";
    .innerHTML = formattedResponse;
    .style = "blahblah";
    .anymoreAttributes = "stuff";

我知道,这很重要。我只是注意到我花了30分钟研究这个而不是编写功能代码。强迫症的垮台。所以请帮助我;这可能是,或者不是吗?

此致     WastingTehTime

1 个答案:

答案 0 :(得分:1)

除非你编写一个类包装器来处理这种格式化,或者使用jQuery库,否则这是不可行的。 jQuery示例:

var preElement = $(document.createElement('pre'))
    .addClass("nodeResult")
    .html(formattedResponse)
    .css(jsonFormattedCSS)

jsFiddle示例:http://jsfiddle.net/3h5kfv2j/

这也可以在vanilla javascript中实现,但是您需要找到一个可以执行此操作的库或自己编写代码。

以下是我刚刚制作的一个vanilla实现的示例代码:http://jsfiddle.net/4n4w3uqr/