teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

previousElementSibling

2017/11/26 12:45

投稿

think49
think49

スコア18194

answer CHANGED
@@ -4,6 +4,10 @@
4
4
  document.querySelector('.hoge1').src = document.querySelector('.hoge2').dataset.original;
5
5
  ```
6
6
 
7
+ 対象が複数存在するなら、`previousElementSibling` を使用して下さい。
8
+
9
+ - [NonDocumentTypeChildNode.previousElementSibling - Web API インターフェイス | MDN](https://developer.mozilla.org/ja/docs/Web/API/NonDocumentTypeChildNode/previousElementSibling)
10
+
7
11
  > 処理実行タイミングは、hoge2読み込み時です。
8
12
 
9
13
  `MutationObserver` で実現可能ですが、負荷が高い処理なのでお勧めはしません。