什么是riotjs中的innerHtml替代品

时间:2015-09-23 07:14:34

标签: innerhtml riot.js riot

riotjs中innerHtml的替代方案

ASDFGHJKL

在js 我们写 var str = document.getElementById(“one”)。innerHtml; 但是对于相同的html标签,我们必须在riotjs中获得该值

像 riot.id将返回值“one” 什么函数将重新调整值“asdfghjkl”而不是。

1 个答案:

答案 0 :(得分:0)

如果我正确理解了您的问题,您希望获得已创建标记的innerHTML。这就像" this.root.innerHTML"。

一样简单
<riot-tag>
   asdfghjkl
   <script>
      this.on('updated', function(){
         console.log(this.getInnerHTML());
      });
      getInnerHTML(){
         return this.root.innerHTML;
      }
   </script>
</riot-tag>

如果您需要创建标记的任何子元素的innerHTML,请在元素上设置name或id属性并直接引用它。或者,如果您从事件中调用函数(如click),请从e.target中获取元素引用。

<riot-tag>
   <h1 onclick={getInnerHTML} name="myTagHeader">asdfghjkl</h1>
   <script>
      getInnerHTML(e){
         console.log(e.target.innerHTML);
         console.log(this.myTagHeader.innerHTML);
      }
   </script>
</riot-tag>

希望它会有所帮助