slim側から値を取得できない。値を取得してモーダルで表示させたい

Question

登録されたURLを取得してプレビューボタンを押して、モーダル画面に表示させたいです。

【問題】
URLをjsの document.getElementById("modalImage") では取れてるのですが、
document.getElementById("modalImage").value; では取れず、valueに入っていないのが原因だと思うのですが、valueに入れる方法として何かございますでしょうか？

# 詳細ページのURL（画像の部分のみ）

                dt.detail-label
                  = t('画像URL')
                dd.detail-info id='modalImage' type="text"
                  | #{ @template.image_id }

        // modal.js
　　　　　// 画像のURLを取得してモーダル画面で画像として表示
        previewOn: function() {
          var appData = document.getElementById("modalImage").value;
          document.getElementById("imageUrl").src = appData;
        }

      # モーダルの画面
      .logo-img
        img id="imageUrl"

【表示画面】
理想はこのURLをプレビュー画面（モーダル）で表示させたい

![

【理想のプレビュー】

【現状のプレビュー】
![]

【jsのコンソール】
.valueが取得できていない状況です

Answer 1

jsの　.valueを.textContentにすればよかっただけでした。

previewOn: function() { var appData = document.getElementById("modalImage").textContent; document.getElementById("imageUrl").src = appData; }