riotjs 中的innerHtml 替代品是什么

Question

RiotJs 中innerHTML 的替代品是什么

例如当我们有

<h1 id="one">asdfghjkl</h1>

在 JavaScript 中我们可以使用

var str = document.getElementById("one").innerHTML;

但是对于相同的 HTML 标签，我们如何在 RiotJs 中获取该值？

我知道

riot.id

会返回值

"one"

什么函数将返回值“asdfghjkl”而不是

</yield>

。

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，请在元素上设置名称或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>

希望对你有帮助