Uncaught TypeError：ヌルの 'textContent'プロパティを設定できません

Udemy JSプロジェクトをフォローしようとすると、このエラーが発生しました。私のフルタイムdevの友人の3はそれを把握することはできませんし、私はこのエラーとそのバリエーションについての10 - 15 StackOverflowの記事を読んだことがあります。Uncaught TypeError：ヌルの 'textContent'プロパティを設定できません

ここでは一般的なerrrorです：

Uncaught TypeError: Cannot set property 'textContent' of null 
    at Object.displayBudget (app.js:177) 
    at updateBudget (app.js:219) 
    at ctrlAddItem (app.js:236) 
    at HTMLDocument.<anonymous> (app.js:205)

それはかなりまっすぐ進むようだが、右閉鎖体タグの前にHTMLの下部にスクリプトを配置し、名前でマッチング要素を持っていない共通のソリューション質問は適用されません。私はトリプル両方のものをチェックし、誰かの提案でJQuery .ready関数を追加して、ページがロードされていることを確認しました。

上記で参照されているすべての行のコンソールにブレークポイントを設定し、コードをステップ実行した直後に、変数が定義されていてNULLでないように見えます。付属の写真を参照してください。 'budget__value' は完全にHTMLに存在していることを

Code Step Through

。ここで

<body> 

     <div class="top"> 
      <div class="budget"> 
       <div class="budget__title"> 
        Available Budget in <span class="budget__title--month">%Month%</span>: 
       </div> 

       <div class="budget__value">+ 2,345.64</div>

は、私のコードのFiddleです。私はあなたが私がここに来ているのを見たいと思っているならば、Github（/ Laflamme02/BudgetApp）にもそれをプッシュしました。

私はこれを少なくとも2週間は苦労しているので、誰かがこれを解決するのを助ける人は私の好きな人です。

出典

2017-03-05 theChrisFlame

DOMString.budgetLabelのクラス名の前にドットを忘れてしまった。読み込みする必要があります。

document.querySelector('.budget__value').textContent = obj.budget

をごJSFiddleから、あなたはあなたにもいくつかの他の文字列の前にドットを置くことを忘れてしまったことがわかります。incomeLabel、expensesLabel、およびpercentageLabel。 4つはすべてシンプルな修正です。

var DOMstrings = { 
    inputType:   '.add__type', 
    inputDescription: '.add__description', 
    inputValue:   '.add__value', 
    inputBtn:   '.add__btn', 
    incomeContainer: '.income__list', 
    expensesContainer: '.expenses__list', 
    budgetLabel:  'budget__value', 
    incomeLabel:  'budget__income--value', 
    expensesLabel:  'budget__expenses--value', 
    percentageLabel: 'budget__expenses--percentage' 
};

出典

2017-03-05 00:41:41 gyre

これは私が今までに愚かに感じたことがあるのは私の大好きなことです。 @gyre、あなたは私の新しいお気に入りの人です。どうもありがとうございました。 – theChrisFlame

喜んで助けてください！また、私はあなたのJSFiddleをチェックし、そのようなタイプミスがさらに3つあります。上記の私の編集したポストを参照してください。 – gyre

Uncaught TypeError：ヌルの 'textContent'プロパティを設定できません

答えて

関連する問題