javascript - 获取 polymer 元素的原始 HTML 代码

Question

让我解释一下情况:

div(#content) 内有一个纸张输入。现在我想获取 div#content 中的 html 代码，因为我使用了 $("#content").html()。

但是 $("#content").html() 给了我 polymer 注入(inject)的代码。

示例:

$("#content").html() 的预期输出是:

         <paper-input label="text input"></paper-input>

但是给了我以下结果:

     <paper-input label="text input" tabindex="0" aria-disabled="false" class="x-scope paper-input-0">
       <paper-input-container class="style-scope paper-input x-scope paper-input-container-0">
        ....
        <template is="dom-if" class="style-scope paper-input-container"></template>
        ....
        ...
     </paper-input>

是否有任何铁元素可以获取原始html代码。

Answer 1

$("#content").html() 的预期输出是正确的，因为由 polymer 创建的那些节点现在属于 DOM。

如果由于某种原因您需要在不更改原始元素的情况下创建的元素的原始 html，您可以随时克隆它，清除它的子元素并删除由 polymer 创建的属性

var cln = $('#content paper-input').clone().html('')[0];
cln.removeAttribute('tabindex');
cln.removeAttribute('class');
cln.removeAttribute('aria-disabled');
console.log(cln.outerHTML);