Polymer.dom(元素).innerHTML 不工作

Question

我在文本表示中有 html...类似这样的内容：

<link rel="import" href="../resources/widget/my-footer.html">
<link rel="import" href="../resources/widget/my-header.html">
<link rel="import" href="../resources/widget/my-booking-confirmation.html">
<my-booking-confirmation> //and some styles and markup'

我正在尝试使用 Polymer DOM API，但是

Polymer.dom(root).innerHTML = upperMarkdown

不工作。当我调用 root.innerHTML 时，我只从 html 字符串中获取第一个元素：

<link rel="import" href="../resources/widget/my-footer.html">

这是一个错误？我不确定我做错了什么。

Answer 1

我正在做类似的事情，在 iron-ajax 调用之后，我得到了整个 html 文件，

if (response != null && response != undefined) { //iron-ajax response
  var documentBody = response.querySelector('body'); //select body of html file
  if (documentBody != null && documentBody != undefined) { //body's validations
      Polymer.dom(this.$.content).innerHTML = documentBody.innerHTML; //add content
  }
}

老实说，我不知道它是如何工作的，但我认为有一个线索，你必须如何做到这一点。文件内容（这个文件只有一个标签来引用另一个 Polymer 元素）被添加到我的页面，所以我认为这可行。显然我需要更多的研究来完全理解它是如何工作的，但我认为这可能会对你有所帮助。对不起我的英语！

Answer 2

我正在做这似乎有效：

Polymer.dom(elm).node.innerHTML = "<div>something</div>";

令人困惑的部分是 'node' 属性在那里以及它的用途。我认为这需要更好地记录，问题仍然是为什么元素本身的 innerHTML 不起作用，但只有 'node' 属性起作用。

Polymer.dom(元素).innerHTML 不工作

Polymer.dom(element).innerHTML not working

javascript

dom

polymer

polymer-1.0