使用带有yield标签的javascript在haml中创建div

Question

我正在使用我的主应用程序布局，我的Rails应用程序中的haml页面。我正在尝试渲染一个div或稍微不同的一个，具体取决于我的Javascript localStorage对象上的属性值。因此，我正在使用javascript创建所述div并将它们添加到页面上我需要它们的位置。但是，有问题的div应该是其他视图的容器，并使用rails yield关键字。如何向生成的div添加haml / erb yield？ HAML：

#parent-container
  :javascript
    $(document).ready( function() {
      let parentContainer = document.querySelector("#parent-container")
      let childContainer = document.createElement('div')
      childContainer.setAttribute('id', 'child-container')
      if (localStorage["myCondition"] === "true"){
        childContainer.classList.add('container-fluid')
      } else {
        childContainer.classList.add('container')
      }
      parentContainer.appendChild(childContainer)
    });