![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.2ベストアンサー
- 回答日時:
ご面倒をお掛けしますが、全角空白は削除してください。
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test</title>
<body>
<div>
<img alt="1">
<p>内容1</P>
</div>
<div>
<img alt="2">
<p>内容2</P>
</div>
<div>
<img alt="3">
<p>内容3</P>
</div>
<div>
<img alt="4">
<p>内容4</P>
</div>
<script>
const
div0 = document.createElement ('div'),
div1 = div0.cloneNode (false),
imgs = [...document.querySelectorAll ('div>img')],
ps = [...document.querySelectorAll ('div>p')],
div = ps.map (e=> e.parentNode),
body = div[0].parentNode;
imgs.forEach (
e=> div0.appendChild (e));
ps.forEach (
e=> div1.appendChild (e));
div.forEach (
e=> e.remove ());
body.appendChild (div0);
body.appendChild (div1);
</script>
この回答へのお礼
お礼日時:2021/11/16 10:59
回答ありがとうございます。
まだ、htmlがはっきり決まっていなくて、ざっくりした質問で申し訳ありませんでした。いただいた回答を試したところ希望の形になりました。
これを元にやっていきたいと思います。
行き詰ったらまた質問すると思いますが、よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jqueryで、後から追加した画像...
-
JavaScript/CANVASでの画像読込...
-
ロールオーバーの動作について
-
IE6でmax-width:100px; max-hei...
-
javascriptでのHTML書き換えに...
-
fancyboxのポップアップ時の画...
-
アップロードファイルの種類に...
-
セレクトボックスで、リンクバ...
-
オンマウスで画像表示+表示し...
-
jacascriptで作ったドロップダ...
-
Javascript初心者|jQueryの.va...
-
デフォルト非表示にしたい。【t...
-
下記のようなタグの場合、VBAで...
-
javascript について追加の質問
-
MAX関数を使ってからLEFT JOIN...
-
eclipseでcssを使うためには?
-
JSPでの画像ファイル表示
-
jqueryのsortableで一部ソート...
-
jspでcssが読み込めない
-
Vb.net2005での画像の合成方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryで同じクラス名のものを...
-
Javascript初心者|jQueryの.va...
-
デフォルト非表示にしたい。【t...
-
jQueryでのドラッグアンドドロ...
-
複数bxsliderをタブで切り替え...
-
画像の表示位置
-
JavaScriptでの画像切り替えを...
-
Colorboxがうまく設置できません
-
clear機能を失わずにファイルア...
-
embed要素のsrc属性の値を変更...
-
JQueryでオープニングアニメー...
-
全部のサイコロをjavascriptで...
-
一定時間で入れ替わるバナー画...
-
JQueryで画像の上で文字を動かす
-
スクリプト
-
画像拡大とともにエレメントも...
-
JavaScript スクロール制御
-
アップロードファイルの種類に...
-
サムネイルにカーソルを合わせ...
-
htmlの中のhtmlをタブで切り替え
おすすめ情報