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

回答編集履歴

2

DOM

2020/05/11 14:15

投稿

think49
think49

スコア18194

answer CHANGED
@@ -12,4 +12,15 @@
12
12
  JavaScriptで動的に変更したDOMは、元々のHTMLソースではない為、[ソースの表示] からは見えません。
13
13
  ただし、ブラウザのDevelopper ToolsからDOMツリーを見ることは可能ですので、`outerHTML` を出力すれば、要素単位でHTMLソースの形式にすることは出来ます。
14
14
 
15
+ ### DOM
16
+
17
+ > 何を持って見えないと考えたか、でございますが、
18
+ > 「画面上にテキストボックスやチェックボックス、テーブルなど表示されているが、右クリックのソースの表示からはmetaタグ、bodyタグ、scriptタグに僅からながらのscriptソース」しか存在しなかった為、「見えない」または「見せないような工夫をしている or そういったフレームワークがあるのか」という疑問に至った次第です。
19
+
20
+ 状況から想像するなら、「JavaScriptで動的にDOMを変更している為」ということになります。
21
+ HTMLソースはブラウザがダウンロードしたHTMLファイルですが、JavaScriptはHTMLファイルの書き換えを行いません。
22
+ ブラウザはHTMLファイルからDOMを生成し、JavaScriptが操作するのはDOMです。
23
+
24
+ - [DOM の紹介 - Web API | MDN](https://developer.mozilla.org/ja/docs/Web/API/Document_Object_Model/Introduction)
25
+
15
26
  Re: the_end さん

1

要素単位で

2020/05/11 14:15

投稿

think49
think49

スコア18194

answer CHANGED
@@ -10,6 +10,6 @@
10
10
  ### JavaScriptで動的に変更したDOM
11
11
 
12
12
  JavaScriptで動的に変更したDOMは、元々のHTMLソースではない為、[ソースの表示] からは見えません。
13
- ただし、ブラウザのDevelopper ToolsからDOMツリーを見ることは可能ですので、`outerHTML` を出力すれば、HTMLソースの形式にすることは出来ます。
13
+ ただし、ブラウザのDevelopper ToolsからDOMツリーを見ることは可能ですので、`outerHTML` を出力すれば、要素単位でHTMLソースの形式にすることは出来ます。
14
14
 
15
15
  Re: the_end さん