javascript - 您可以实例化 Element 对象并同时定义属性吗？

Question

对于某些人来说，这似乎是一个愚蠢的问题。简短的背景是；我被临床诊断为强制症，因此我对代码的格式和整洁非常挑剔，所以我提前道歉。这引出了我的问题:

javascript中有没有办法实例化一个对象并在 block 中定义它的属性？我的目标可能有点类似于您如何看待 JSON 对象/字符串

这是一些伪代码/格式:

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

这无关紧要，我知道。我刚刚注意到我花了 30 分钟研究这个问题，而不是编写功能代码。强制症的垮台。所以请帮助我；这可能是，还是不可能？

真诚的， 浪费时间

Answer 1

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

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

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

这也可以在普通 JavaScript 中实现，但您需要找到一个可以执行此操作的库或自己编写代码。

这是我刚刚制作的普通实现的一些示例代码:http://jsfiddle.net/4n4w3uqr/