聚合物：光DOM與本地DOM

Question

聚合物的光DOM和本地DOM有什麼區別？ 來自文檔（1）：

元素創建和管理的DOM稱爲其本地DOM。 這與元素的子元素有所不同，爲了清晰起見，元素的子元素有時稱爲其輕DOM。

這似乎沒有多大幫助。不是輕的DOM應該包含孩子，如果是的話，本地DOM包含什麼？

[1] https://www.polymer-project.org/1.0/docs/devguide/local-dom

Answer 1

這裏的解釋的差異的示例。假設你有以下自定義元素：

<dom-module id="x-foo"> 

    <template> 
    <div>I am local dom</div> 
    <content></content> 
    </template> 

    <script> 
    Polymer({ 
     is: 'x-foo' 
    }); 
    </script> 

</dom-module> 

而且您在文檔中使用這樣的：

<x-foo>I am light dom</x-foo> 

你把什麼都成元素的模板是本地DOM。當您使用它作爲兒童使用您的自定義元素時，您可以使用光源。所以，本地dom由元素的創建者決定，而光明dom由元素的用戶設置。當然，當你創建和使用你自己的自定義元素時，你可以靈活地放置在哪裏。