innerhtml - riotjsのinnerHtml代替とは

Question

次のようなriotjsのinnerHtmlの代替は何ですか

asdfghjkl

js では、var str=document.getElementById("one").innerHtml; と記述します。しかし、同じ html タグについては、riotjs でその値を取得する必要があります。

riot.id が値「1」を返すように、どの関数が の代わりに値「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>

それが役立つことを願っています