質問編集履歴

2

2022/04/30 04:28

投稿

iiii
iiii

スコア72

test CHANGED
File without changes
test CHANGED
@@ -3,38 +3,38 @@
3
3
  変更が完了しました!とアラートを表示する機能を実装したいのですが、
4
4
  showbalde.phpを表示したら、
5
5
  検証ツールで
6
- member:56 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
6
+ Uncaught ReferenceError: observer is not defined
7
- at m
7
+ at window.onload (
8
8
  とエラーが表示される状態です。
9
- 翻訳をかけたら、
10
- observe'の実行に失敗しました、パラメーター1はタイプNodeではありません。
11
- と表示されるのですが、
9
+ observerが定義されていない?
10
+ ```
12
- observe=監視をスタートするの内容を実行できない。
11
+ observer.observe(elem, config);
13
- パラメーター1はタイプNodeではありません。=パラメータのタイプ={{ Auth::user()->name }}
12
+ ```
14
- を監視ので、そこでエラーが表示されているの
13
+ の行の記述がおかしいのでしょうか?
15
- と予測していますが、具体的な解決法がわからない状態です。
16
14
 
17
15
  記述内容
18
16
  ```show.balde.php
19
17
  〜省略〜
20
18
  <script>
19
+ window.onload = function() {
20
+ // 変更を監視するノードを選択
21
+ const element = document.getElementById('name');
22
+
23
+ // オブザーバーの設定
24
+ const config = {
25
+ attributes: true, //属性の変化を監視
26
+ childList: true, //子要素リストの変化を監視
27
+ characterData: true, //文字データの変化を監視
28
+ characterDataOldValue: true, //変更前の文字データを使用
29
+ };
30
+ // MutationObserverでDOMの変更時にコールバック関数を実行する
21
- var observer = new MutationObserver(function(){
31
+ const mo = new MutationObserver(function() {
22
- /** DOMの変化が起こった時の処理 */
32
+ //実行する処理
23
33
  alert('変更が完了しました');
24
34
  });
25
-
26
- //名前を監視
27
- const elem = document.getElementById('#name');
28
-
29
- //監視内容
35
+ //監視をスタートする
30
- const config = {
31
- attributes: true,
32
- childList: true,
33
- characterData: true,
34
- characterDataOldValue: true,
36
+ observer.observe(element, config);
35
37
  };
36
- //名前と監視の内容で監視をスタートする
37
- observer.observe(elem, config);
38
38
  </script>
39
39
  〜省略〜
40
40
  <div>

1

文章訂正

2022/04/27 08:30

投稿

iiii
iiii

スコア72

test CHANGED
File without changes
test CHANGED
@@ -6,6 +6,14 @@
6
6
  member:56 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
7
7
  at m
8
8
  とエラーが表示される状態です。
9
+ 翻訳をかけたら、
10
+ observe'の実行に失敗しました、パラメーター1はタイプNodeではありません。
11
+ と表示されるのですが、
12
+ observe=監視をスタートするの内容を実行できない。
13
+ パラメーター1はタイプNodeではありません。=パラメータのタイプ={{ Auth::user()->name }}
14
+ を監視しているので、そこでエラーが表示されているのかな?
15
+ と予測していますが、具体的な解決法がわからない状態です。
16
+
9
17
  記述内容
10
18
  ```show.balde.php
11
19
  〜省略〜