Javascript divは機能しません

-4

var udiv = document.createElement('div'); 
var div = document.createElement("div"); 
div.style.width = "100px"; 
div.style.height = "100px"; 
div.style.background = "red"; 
div.style.color = "white"; 
div.innerHTML = "Hello"; 
div.appendChild(udiv);

私はこれを動作させようとしていますが、ページを開くと何もありません。私はJavascriptファイルは他のすべてが表示されるので動作することを知っていますが、divは表示されません。エラーはありません。Javascript divは機能しません

出典

2016-04-24 Bubbie Bell

しかし、両方があなたがDOM

document.body.appendChild(div);にdivオブジェクトを追加しませんでした

. 
. 
. 
div.appendChild(udiv); 
document.body.appendChild(div)

出典

2016-04-24 11:05:06

main.js：182 Uncaught TypeError：プロパティ 'appendChild'を読み込めません。 f null –

@BubbieBellどこにスクリプトを配置していますか？ body /の終了タグの下に配置するか、[domcontentloaded]（https://developer.mozilla.org/en-US/docs/Mozilla_event_reference/DOMContentLoaded_%28event%29?redirectlocale=en-US&redirectslug=DOM%2FDOM_event_reference%2FDOMContentLoaded ）イベント。 –

さて、それは今動作します！ありがとう！ –

udiv〜divを追加しましたが、DOMにdivを追加したことはありません。

出典

2016-04-24 11:04:55

、既存の要素またはbodyにそれらの要素を追加し、新しい要素であり、

出典

2016-04-24 11:05:10

Javascript divは機能しません

答えて

関連する問題