Element.querySelector未定义

比尔·布尔森

为什么此代码在控制台读取中引发错误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";
    }
}
jfriend00

您的代码中至少有三个问题:

  1. 您可能正在遍历一些没有.querySelector()方法的文本节点
  2. 您没有初始化for循环迭代变量i
  3. 您有一个lineBoxList试图使用的未声明变量

您可以通过仅使用.querySelectorAll()并让选择器为您完成更多工作来简化事情

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";
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Element.className返回未定义?

来自分类Dev

变量(element).style未定义

来自分类Dev

Element.className返回未定义?

来自分类Dev

角的element.isolateScope()返回未定义

来自分类Dev

Emberjs-为什么未定义view.element

来自分类Dev

Javascript element.style.opacity未定义。为什么?

来自分类Dev

角的element.isolateScope()返回未定义

来自分类Dev

element.className 只返回“未定义”

来自分类Dev

element.value for update 未定义,尝试全局和局部定义,但得到同样的错误

来自分类Dev

未捕获的TypeError:无法读取未定义的属性'querySelector'

来自分类Dev

未定义表示 querySelector 类的变量 Nightmare.js

来自分类Dev

$(element).css(“ height”)返回未定义:与解析我的代码的顺序有关吗?

来自分类Dev

未捕获的TypeError:提交表单时无法读取未定义的属性“ element”

来自分类Dev

Javascript,Razor,Asp.Net核心:未定义View.Element

来自分类Dev

TypeError:Firefox.22.0中未定义this.element导致我的网站关闭

来自分类Dev

jQuery验证,在错误放置中未定义element.value

来自分类Dev

是否存在document.getElementById('element'); 将返回未定义

来自分类Dev

使用 WebDriver 运行 codeception 时出现错误“[PHPUnit\Framework\Exception] 未定义索引:ELEMENT”

来自分类Dev

Angular Karma-具有隔离范围和controllerAs的指令,调用element.isolateScope()返回未定义

来自分类Dev

React-Typesciprt:此JSX标签的'children'属性期望一个'Element | 未定义”,但提供了多个孩子

来自分类Dev

document.querySelector().click(); 硒不起作用$ 0.click(); 未定义

来自分类Dev

jQuery未定义,$未定义

来自分类Dev

button onclick =“ handle_clicks()” .. handle_clicks未定义,我可以使用(this)作为html element.onclick中的参数吗?

来自分类Dev

'JSON'未定义

来自分类Dev

$ scope未定义

来自分类Dev

车把未定义

来自分类Dev

未定义继承

来自分类Dev

值未定义

来自分类Dev

未定义GAPI

Related 相关文章

  1. 1

    Element.className返回未定义?

  2. 2

    变量(element).style未定义

  3. 3

    Element.className返回未定义?

  4. 4

    角的element.isolateScope()返回未定义

  5. 5

    Emberjs-为什么未定义view.element

  6. 6

    Javascript element.style.opacity未定义。为什么?

  7. 7

    角的element.isolateScope()返回未定义

  8. 8

    element.className 只返回“未定义”

  9. 9

    element.value for update 未定义,尝试全局和局部定义,但得到同样的错误

  10. 10

    未捕获的TypeError:无法读取未定义的属性'querySelector'

  11. 11

    未定义表示 querySelector 类的变量 Nightmare.js

  12. 12

    $(element).css(“ height”)返回未定义:与解析我的代码的顺序有关吗?

  13. 13

    未捕获的TypeError:提交表单时无法读取未定义的属性“ element”

  14. 14

    Javascript,Razor,Asp.Net核心:未定义View.Element

  15. 15

    TypeError:Firefox.22.0中未定义this.element导致我的网站关闭

  16. 16

    jQuery验证,在错误放置中未定义element.value

  17. 17

    是否存在document.getElementById('element'); 将返回未定义

  18. 18

    使用 WebDriver 运行 codeception 时出现错误“[PHPUnit\Framework\Exception] 未定义索引:ELEMENT”

  19. 19

    Angular Karma-具有隔离范围和controllerAs的指令,调用element.isolateScope()返回未定义

  20. 20

    React-Typesciprt:此JSX标签的'children'属性期望一个'Element | 未定义”,但提供了多个孩子

  21. 21

    document.querySelector().click(); 硒不起作用$ 0.click(); 未定义

  22. 22

    jQuery未定义,$未定义

  23. 23

    button onclick =“ handle_clicks()” .. handle_clicks未定义,我可以使用(this)作为html element.onclick中的参数吗?

  24. 24

    'JSON'未定义

  25. 25

    $ scope未定义

  26. 26

    车把未定义

  27. 27

    未定义继承

  28. 28

    值未定义

  29. 29

    未定义GAPI

热门标签

归档