文章/答案/技术大牛

发布

社区首页 >问答首页 >更新本地dom不会反映shady dom

问更新本地dom不会反映shady dom
EN

Stack Overflow用户

提问于 2015-05-12 14:26:48

回答 1查看 176关注 0票数 2

在x-num.html

  <link rel="import" href="../polymer/polymer.html">
    <dom-module id="x-num">
        <style></style>
        <template>
            <span id="number"></span>
        </template>
    </dom-module>
    <script>
        Polymer({
            is: "x-num",
            properties: {
                type: String,
                value: 'normal'
            },
            attached: function() {
                var contentNode = Polymer.dom(this).childNodes[0];
                var number = Number(contentNode.textContent);
                var result = "";
                switch(this.type){
                    case "simplified":
                        if(number > 1000)
                            result = number / 1000 + "K+";
                        else
                            result = number;
                        break;
                    case "comma":
                        result = number.toLocaleString('en-IN');
                        break;
                    case "normal":
                    default:
                        result = number;
                        break;  
                }
                this.$.number.textContent = result;
            },
            detached: function(){
                console.log("detached");
            },
            attributeChanged: function(name, type){
                console.log("attribute Changed: "+name);
            }
        });
    </script>

在index.html中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script>Polymer = {dom: 'shadow'};</script>
    <title>Testing Polymer Element</title>
    <script src="webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="x-num.html">
</head>
<body>
    <x-num>3546</x-num>
    <br/>
    <x-num type="comma">3546</x-num>
    <br/>
    <x-num type="simplified">3546</x-num>
</body>
</html>

当我尝试做document.querySelector("x-num").innerHTML = "4000"时，它仍然显示3546，我想问一下，如果内容发生变化，结果是否会发生变化？

shady-dom

javascript

html

dom

polymer

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-12 20:25:38

如果我将这个setNumber函数添加到x-num.html中

<script>
  Polymer({
    ...,
    setNumber: function(number) {
      this.$.number.textContent = number;
    }
  });

我可以在index.html中将每一行更改为"4000“：

  ...
  <script>
    var list = document.getElementsByTagName('x-num');
    for (i = 0; i < list.length; i++)
      list[i].setNumber(4000);
  </script>
</body>

我用的是聚合物0.9-rc.1

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30193845

复制

相似问题

问更新本地dom不会反映shady dom
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更新本地dom不会反映shady domEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更新本地dom不会反映shady dom
EN