Chrome開発ツールのページに新しい要素を追加したいと思います。これはかなり明白な機能のようですが、私はそれを見つけることができないようです。
Chromeでは[DOM]タブで要素を作成できますか？私はJSコンソールから何かを作ることができると思いますが、むしろDOMタブで何かを作りたいと思っています。
質問する
8466 次
4 に答える
17
親要素を右クリックし、[HTMLとして編集]に変更してから、必要な要素を追加します...
于 2012-10-26T16:27:42.543 に答える
5
ドキュメントによると、F2キーは、選択した要素を編集モードの内外に切り替えて、要素を追加できるようにする必要があります。
残念ながら、F2キーのないChromebookを使用しています。
于 2012-10-28T15:27:39.873 に答える
2
または、コンソールを起動して要素を追加することもできます。たとえば、この特定のstackoverflow.comの投稿で以下を実行する場合：
$('.postcell').append('<code>Testing Element Insertion via Chrome</code>');
次に、新しく追加された要素が[要素]タブにすぐに表示されます。
于 2013-10-26T23:36:29.593 に答える
0
ElementsパネルをControlキーを押しながらクリックして選択するEdit as HTMLのがおそらく最善の方法ですが、コンソールでも可能です（好奇心のため、jQueryは必要ありません）。
var child = document.createElement('div');
var parent = document.getElementByClassName('parent');
parent.appendChild(child);
乾杯！
于 2014-06-25T23:23:50.037 に答える