Question

我的目标：

我使用Polymer为Flexbox网格系统创建自定义元素，属性和属性。

[FX-Properties]

为了帮助我直观地调试我的过程，我需要一些javascript。

我想在<elements>内将所有[attributes]，"properties"和<body>的文字附加到 Javascript （仅限）。

目前，我正在使用css ::before和::after伪元素执行此操作，但正如您可以想象的那样，这可能是非常时间耗时！

到目前为止我得到了什么：JS Fiddle

示例：

如果我有这个：

    <div id="div" class="ninja"></div>

我想这样做：

    <div id="div" class="ninja">
        <div id="div" class="ninja">
    </div>

我的猜测是.attributes是我需要使用的，但我不确定如何正确使用。

    <script>
      var body       =  document.querySelector('body').attributes;
      var main       =  document.querySelector('main').attributes;
      var section    =  document.querySelector('section').attributes;
      var div        =  document.querySelector('div').attributes;
    </script>

Answer 1

[].forEach.call(document.querySelectorAll("*"),
  function(el){ 
    el.appendChild(
        document.createTextNode(el.cloneNode(false).outerHTML));
  });

https://jsfiddle.net/odbbybcy/

追加<element>，[attribute]和＆＃34; property＆＃34;元素本身？

我的目标：

1 个答案: