rails slimでescape_javascript実行結果をappendすると文字列が返ってしまう

Question

前提・実現したいこと

jqueryを使わずに以下のようにappendすると

target.append("#{escape_javascript(render 'xx')}");

htmlの文字列がappendされてしまいます。

jqueryを使うとおそらく解決できるとおもいますが、使わずにappendする方法はありますでしょうか？

発生している問題・エラーメッセージ

partial xxに

<div>test</div> があるとしたら上記の文字列がそのままappendされてしまう

該当のソースコード

javascript:
  document.querySelector('.select_role').addEventListener('change',function(){

    const target = document.querySelector('.items_grid')
    console.log('xxxxxxxxxxxx',target)
    |
    target.append("#{escape_javascript(render 'xx')}");

  });

なにかいい方法がありましたら教えていただけますでしょうか。

Comments

[yambejp]

> htmlの文字列がappendされてしまいます。

文字列を挿入する以外であればなにがappendされる想定なのでしょうか？

Answer 1

「<div>test</div>」をhtmlとして解釈してtargetに埋め込むなら
innerHTMLを書き換えるのかと
しかしappendは追加ですが、innerHTMLは書き換えなので+=しないといけないかもしれません

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#hoge').innerHTML+="<div>fugafuga</div>";
});
</script>
<div id="hoge">hogehoge</div>