Javascriptがクローム、ソース

Question

私はChromeでコンソールで、このHTMLを読み込むしようとしているのHTML要素にnullを返しますこの行を実行するとnullまたは無効が返されます。要素を調べてコードを実行すると、意図したとおりに動作し、 "Kr 79"を返します。だから、それは私が気付いていないDOMの問題、またはブラウザ固有の問題ですか？

私はこれをGoogleタグマネージャの変数として使用していますが、これはケースの50％で動作します。私はウェブページ自体のソースコードにアクセスすることができないので、データを取得するにはちょっとした方法に頼る必要があります。

これは、DOMが準備が整う前にスクリプトが実行されるためですが、これは問題ではないと考えています。ページが読み込まれた後もコンソールでこれをテストしているためです（そしてHTML要素が存在します）、Googleタグマネージャーでは、DOMの準備ができたらタグを起動するように指定しました。

手がかりはありますか？

編集/明確化：私は、ページ自体のコードを変更することはできません、唯一のGTM

Answer 1

を経由して、私はJSにしようとしている出力ソースを読んでそれは、非同期の問題のように見えます。タグがGTMに発射される方法を変更するようにしてください

//Using Jquery 
$(document).ready(function() { 
    document.getElementById('lblSummaryFreight').innerHTML; 
}); 

または

//Add this at the end of the body, after all of your content 
<script> 
(function() { 
    document.getElementById('lblSummaryFreight').innerHTML; 
})(); 
</script> 

Answer 2

：これを試してみてください。ウィンドウが読み込まれたときにそれらを起動し、再度試してください。 要素が別のjsファイルで変更されている可能性があります。

jQueryの試行は良い点です。私は同様の問題を抱えており、jQueryはそれらをすべて解決しました。

Answer 3

この問題を解決できないようで、一部の気まぐれなソースの障害と思われるため、必要なデータを取得する別の方法を見つけようとします。

は、私が学んだこと：それは他のブラウザで動作するよう

• 問題は、Chromeに特異的であるように思われます。これは、このコードが実装されているGTMタグがケースの〜50％で正しい値を返すことによってサポートされています。
• Androidネイティブブラウザでページをテストすると、 'undefined'も返されます。タグを起動するページをリロードした後、正しい値を返します。

• DOM全体がコンソールで使用できないようです。 。また、この試みた：

  document.getElementsByClassName（ '完全'）長さが0を返す

が、ソース内のクラスの10件のインスタンスが周りにあります。ページのどこかを調べた後、正しい番号が返されます。

• スクリプトを実行するのが遅れても、要素のシンボリック検査やページの再読み込みだけが役に立ちます。

私の結論は、このWebページが何らかの形で構築されているということです。ソースが読み込まれた後にソースがメモリから外れてしまうようです。しかし、これは私の理解のレベルを超えたものです。

ありがとうございました！