将同级div添加到输入元素的Ember窗体

<form {{action "submitForm" on="submit"}}>
  <div class="form-group">
    <label for="inputField">输入元素:</label>
    {{input type="text" id="inputField" value=inputValue}}
  </div>
  {{!-- 添加同级div --}}
  <div class="additional-div">
    这是一个同级div。
  </div>
  <button type="submit">提交</button>
</form>

import Controller from '@ember/controller';

export default Controller.extend({
  inputValue: '',

  actions: {
    submitForm() {
      // 处理表单提交的逻辑
    }
  },

  didRender() {
    this._super(...arguments);
    // 获取输入元素的DOM对象
    const inputElement = document.getElementById('inputField');
    if (inputElement) {
      // 创建同级div元素
      const divElement = document.createElement('div');
      divElement.className = 'additional-div';
      divElement.textContent = '这是一个同级div。';

      // 将同级div插入到输入元素的后面
      inputElement.parentNode.insertBefore(divElement, inputElement.nextSibling);
    }
  }
});