获取聚合物元素的原始HTML代码

时间:2016-02-18 15:09:06

标签: javascript polymer polymer-1.0

让我解释一下情况:

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

但是$("#content").html()给了我聚合物注入的代码。

示例:

$("#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代码。

1 个答案:

答案 0 :(得分:0)

$("#content").html()的预期输出是正确的,因为聚合物创建的节点现在属于DOM。

如果由于某种原因你需要在不改变原始元素的情况下创建的元素的原始html,你可以随时克隆它,清除它的子元素并删除由聚合物创建的属性

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