insertBefore(,);についての質問です。

Question

閲覧ありがとうございます！
現在JSを勉強しており、insertBefore(,);を使って、
.div1の前にDOMの追加しようと思っているのですが、
下記のエラーが出てしまいます。

Uncaught TypeError: Failed to execute 'insertBefore' on 'Node': parameter 1 is not of type 'Node'.
at index.html:54

insertBeforeはエレメントではなく、nodeにしか使えないということだったので、
getElementByIdではなくquerySelectorで取得したのですが、nodeではないとの上記のエラーが出てしまいました・・・。

お手すきの際に教えていただけますと幸いです！
よろしくお願い致します。

【HTML↓】

<div id="grand-father">
    <div id="parent">
        <div id="target">
            自分
        </div>
    </div>
    <div id="divList">
        <div class="div1">テスト1</div>
        <div class="div2">テスト2</div>
        <div class="div3">テスト3</div>
    </div>
</div>


【JS↓】

const target2 = document.getElementById('divList');
const reference = document.querySelector('.div1');
const newDivCont = document.createElement('div');

target2.insertBefore('newDivCont', 'reference');

Answer 1

引用符で囲ったらただの文字列になります。

// target2.insertBefore('newDivCont', 'reference');
//                      ↓          ↓
   target2.insertBefore( newDivCont , 'reference');

Comments

[kahosayshello]

閲覧ありがとうございます＞＜
そうですよね・・・すみません！凡ミスで自分で気づけませんでした；；
ありがとうございました！！