Question

193

Element.querySelector is undefined

rated 0 times [ 196] [ 3] / answers: 1 / hits: 26595 / 9 Years ago, sat, october 24, 2015, 12:00:00

Why does this code throw an error in the console reading TypeError: pizzaBox.querySelector is not a function. (In 'pizzaBox.querySelector('h6')', 'pizzaBox.querySelector' is undefined)?

function addToppingsToAll (toppings)

{

    var pizzaBoxHolder = document.getElementById(PizzaBoxHolder);

    var PizzaBoxList   = pizzaBoxHolder.childNodes;

    for ( var i = 0 ; i < pizzaBoxList.length ; i++ )

    {

        var pizzaBox            = pizzaBoxList[i];

        toppingList             = pizzaBox.querySelector('h6');

        toppingList.textContent = You have  + toppings  on your pizza;

    }

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

magaly

Add To Favorites

Follow

Total Points: 524

Total Questions: 96

Total Answers: 89

Location: India

Member since Wed, Aug 26, 2020

4 Years ago

answered 9 Years ago emiliano · Accepted Answer

There are at least three isssues in your code:

You are probably iterating through some text nodes which don't have a .querySelector() method.

You are not initializing your for loop iteration variable i

You have an undeclared variable lineBoxList you are attempting to use.

You can simplify things by just using .querySelectorAll() and letting the selector do more of the work for you.

function addToppingsToAll (toppings) {

    var toppingItems = document.querySelectorAll(#PizzaBoxHolder h6);

    for (var i = 0; i < toppingItems.length; i++) {

        toppingItems[i].textContent = You have  + toppings  on your pizza;

    }

}