2016-12-26 4 views
2

誰かのサイトでChrome DevToolsを使用してコードを整理し、要求したとおりに見せるようにしています。子供を削除せずにChrome DevToolsのHTML要素を削除しますか?

これまでのところ、私もその子要素を削除せずにHTML要素を削除することはできませんされてきました(私は右の私が削除してをクリックし「要素を削除」したい<div>をクリックしてください - しかし、これはまた、内部のすべての子要素を削除しますそれ)。

しかし、私は冗長で不要なので外側の<div>を取り除きたいだけです(理由はないのでdivs内のdivを含む混乱です)。 <div>をダブルクリックして削除キーを使用して消去すると、外側のニンジンを取り除くことができなくなり、バックアウトをクリックすると<div>が再び表示されます。

私は簡単なステップを欠いていると思います。誰かが正しい方向に向かうことができますか?

+2

HTMLを右クリックして編集してみませんか? この方法では、不要なコードの部分だけを削除することができます。 – Nitesh

答えて

5

削除したいdivを右クリックし、「edit as html」を選択します。必要のない行を削除し、編集可能領域の外側をクリックして閉じます。

4

要素を右クリックし、をHTMLとして編集し、開始タグと終了タグを削除して保存します。これは、子要素をその要素から親要素に自動的に移動する必要があります。要素を削除すると、常にもその子を削除します。それをダブルクリックするだけで、マークアップ全体ではなくタグ名を編集することができます。

+1

親ノードから子ノードを単にドラッグし、それが実用的であれば空の親を削除することもできます(子供が多いケースではない可能性があります)。どちらの方法でも、ほとんどの場合HTMLとして編集するのが最良の選択肢です。これは答えではなくコメントとして追加した理由です。 – Brian

+0

ありがとうございました。彼があなたの前にいた分(彼はそれから削除され、再投稿されたので、彼は今1分後になっている)@ b。私は両方に与えることができれば私はあなたの担当者は必要があまりにも見ていないハハ。ありがとうございました –

+0

@Kyle Vassella:いいえ、彼は答えを再投稿していないので、彼はまだ最初です:) – BoltClock

関連する問題