innerhtml - riotjs 中的 innerHtml 替代方案是什么

Question

riotjs 中的 innerHtml 的替代方法是 什么

asdfghjkl

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

像 riot.id 将返回值 "one" 什么函数将返回值 "asdfghjkl" 而不是 .

Answer 1

如果我正确理解您的问题，您希望获得您创建的标签的 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 属性并直接引用它。或者，如果您从事件（例如单击）调用函数，请从 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>

希望它会有所帮助