オブジェクトは 'after'のプロパティまたはメソッドをサポートしていません

Question

動的にjavaタグを使用してdivタグを追加するときに、ドロップダウンの後にdivを追加するために.afterを使用しましたが、これはIE9 +で機能します。コンソールで、私は "SCRIPT438：オブジェクトはプロパティやメソッドを ''の後にサポートしていませんでした。これについて助けてください、あるいは代替案を提案してください。これはChromeとFirefoxで正常に動作します。おかげさまで

var ddl1 = document.getElementById(dropdowns[i].id); 
    typeErrordiv.innerHTML = "<div class='validation' style='color:red;margin-bottom: 20px;'>Please select type</div>"; 
    ddl1.after(typeErrordiv); 

Answer 1

ddl1ネイティブのDOM要素を指し、彼らはそう、エラーが期待されている.after()方法を持っていません。あなたはJAVASCRIPT

、あなたはコードの両方のオプションのために純粋なネイティブスクリプト

ddl1.parentNode.insertBefore(typeErrordiv, ddl1.nextSibling); 

Answer 2

を使用してそれをacheiveすることができますしかし.after()方法

$(ddl1).after(typeErrordiv); 

を使用するようにjQueryオブジェクトを作成する必要があります

var ddl1 = document.getElementById(dropdowns[i].id); 
typeErrordiv.innerHTML = "<div class='validation' style='color:red;margin-bottom: 20px;'>Please select type</div>"; 
ddl1.parentNode.insertBefore(typeErrordiv, ddl1.nextSibling); 

jQueryの

$(dd1).after(typeErrordiv); 

は、それが古典的であるとして、JavaScriptに試してみてください。

問題を解決する必要があります。