当通过数组访问时，classList显示为undefined，stumped
当通过数组访问时，classList显示为undefined，这可能是因为classList是DOM元素的属性，而不是数组的属性。classList是DOMTokenList对象，它包含了元素的类名列表。
要解决这个问题，你需要首先确认你要访问的是一个DOM元素，而不是一个数组。你可以使用开发者工具检查元素的结构，确保你正在访问正确的元素。
如果你确定你正在访问正确的DOM元素，但classList仍然显示为undefined，那么可能是因为该元素没有任何类名。在这种情况下，classList将返回一个空的DOMTokenList对象。
如果你想给该元素添加类名，你可以使用classList的add方法。例如，如果你想给一个id为"myElement"的元素添加一个名为"active"的类名，你可以使用以下代码：
document.getElementById("myElement").classList.add("active");这将给该元素添加一个名为"active"的类名。
关于classList的更多信息，你可以参考腾讯云的文档：DOMTokenList.classList。
请注意，以上答案是基于一般情况下的假设，具体问题具体分析，如果问题仍然存在，请提供更多的上下文信息以便更准确地解决问题。
相关·内容
1回答
我无法在SVG中更改颜色
、、、
我试着制作一个SVG动画。但是当我点击Red Cheeks按钮时，它不能改变SVG元素的颜色。也许，我认为javascript选择器是错误的。因为有时，当我使用querySelectorAll方法时，它只在LeftCheek下工作。
控制台显示了此错误消息。但我不明白我该怎么解决它。
main.js:11 Uncaught TypeError: Cannot read property 'add' of undefined(…)changeCharactor @ main.js:11
我的代码是(代码笔)。
如果我的解释不清楚，请发表意见。谢谢:-)
浏览 4提问于2016-11-27得票数 0
在下面的javascript对象中的setClickEvents函数上，当我试图在addEventListener中使用this元素时，它不能工作，我必须使用tabUI，对象本身。
我不确定我所做的是否是一个很好的练习，但它有效。
我能做些什么来改善它呢？
var tabUI = {
leftTab: undefined,
rightTab: undefined,
setTabs: function(leftTabId, rightTabId) {
this.leftTab = document.getElementById(leftTabId);
浏览 4提问于2015-07-27得票数 0
回答已采纳
我试图使用classList将一个名为“黑背景”的类添加到每个具有“图标”类的元素中。不幸的是，由于错误TypeError: elements.classList is undefined，它无法工作。
我用的是这个代码：
function blackBackDropIcon() {
var elements = document.getElementsByClassName("icon");
elements.classList.add('blackbackdrop');
}
浏览 0提问于2019-05-08得票数 2
回答已采纳
1回答
我的模板包含一个动态列表：
<ol>
<li #nameitem *ngFor="let name of names; let i = index" class="classA"
(click)="handleClick(i)">{{ name }}</li>
</ol>
我想要在用户单击一个项目时更改它的CSS类。我尝试使用MouseEvent的属性，比如target和currentTarget，但是EventTarget不提供对类列表的访问。因此，我尝试获取列表元素作为
浏览 1提问于2016-05-13得票数 2
1回答
我想要在表单上按submit，如果输入字段中没有任何内容，或者它不符合电子邮件参数，它应该会弹出与输入字段旁边的小错误图像。所有的局部操作。使用HTML、CSS和JS。继续获取错误，未定义的TypeError:无法在HTMLButtonElement上读取未定义的属性(读取'remove')。
"use strict"
const form = document.querySelector(".form");
const inputs = document.getElementsByTagName("input");
con
浏览 7提问于2022-09-25得票数 1
我为我的学校项目和它的显示类型错误做了一个计分器，我真的不知道如何解决这个问题！
它一直在相同的两行中显示此错误：
app101.js:56 Uncaught TypeError: Cannot read property 'remove' of undefined
at HTMLButtonElement.<anonymous> (app101.js:56)
(anonymous) @ app101.js:56
app101.js:40 Uncaught TypeError: Cannot read property 'add' of un
浏览 2提问于2020-07-23得票数 1
当我试图构建一个const值以注入到Gallery中时，我得到了错误：TypeError: Cannot read property 'map' of undefined。const是使用JSON构建 下面是发生问题的类： class ClassDetails extends React.Component {
constructor(props, context) {
super(props);
this.state = {anchorEl: null,
showJoin: false,
浏览 60提问于2020-07-17得票数 2
回答已采纳
当切换开关时，我从浏览器控制台得到这些错误。由于某些原因，它不工作，我无法解决为什么这不能工作，我只是刚刚开始Javascript，所以不要我生气，如果我做了一些愚蠢的事情。
Uncaught TypeError: Cannot read properties of undefined (reading 'remove')
at getValue (darkModeSwitch.js:8)
at window.onload (index.html:17)
Uncaught TypeError: Cannot read properties of undefin
浏览 16提问于2021-12-17得票数 4
我编写了一个javascript函数，它成功地返回HTML文档中使用的所有唯一类的数组。
const elements = document.getElementsByTagName('*');
let classesUsedInHtml = htmlCollection => {
let uniqClassSelectors = [];
Array.from(htmlCollection)
.filter(element => element.classList.length > 0)
.map(element =>
浏览 10提问于2017-09-23得票数 3
回答已采纳
1回答
我有两个按钮显示和隐藏。当显示是点击的数字将出现(这是json文件，每个json文件只包含一个数字1，2，3.)单击HIDE时，行中的第一个数字(Json)不显示。例如，我们点击3次显示按钮，得到这个:12，3，然后点击隐藏一次，然后我们得到:2，3显示。我的问题是，当单击“隐藏”时，我想通过在我的div中显示id="nome“来保存这个隐藏的数字。在另一次单击按钮隐藏后，将显示另一个隐藏数字，并从div中删除旧的。我试过这个：
var pageCounter = 1;
var pageCounterr = 1;
var animalContainer = document.get
浏览 2提问于2022-01-21得票数 0
我有一些MUI卡，它们是基于API响应映射的。API响应一般如下所示：
{
"displaygroups": {
"ConslutingQuestions": [],
"IntakeQuestions": [],
"IntakeValidations": [],
"SoftwareQuestions": []
}
}
有时，API响应中只存在一个或两个嵌套数组，有时displayGroups为空。我有一些硬编码的帮助文本，描述了每个嵌套数组的用途。当某些数组丢失时，我想隐藏其
浏览 4提问于2022-08-22得票数 0
回答已采纳
我有以下jquery/javascript函数，它从json数据中获取值并将它们添加到变量中：
function get_class_classes(data) {
var terms = data.terms, // setup shortcut data path
classList = ''; // setup blank var to add string values to
for (child = 0; child < terms.day.length; child++) {
classList += term
浏览 4提问于2014-12-17得票数 0
回答已采纳
我想知道如何选择所有类名为"widget“和"hover”的元素，然后从这些元素中删除类"hover“。 我有下面的JavaScript代码，它可以选择类为"widget“和”hover“的所有元素： var elements = document.getElementsByClassName('widget hover');
console.log(elements); 这似乎是有效的，并输出如下所示(没有错误)： [div#.widget... 问题是，如果我试图删除类"hover"，我得到一个错误： var element
浏览 99提问于2014-03-08得票数 84
回答已采纳
我只想使用JavaScript，而不是jQuery。
我有两个问题，首先，我想正确地将类属性应用/移除到ul中的每个li元素中。
理想情况下，当一个li元素有一个类集时，剩下的元素没有类属性集(如果已设置)--但是，从我的测试中，当我需要从元素中卸载/删除类时，我只能设置类，比如class=""，它可以工作，但并不理想。
我已经能够用getElementsByTagName得到一个ul的子元素id
<ul id="u">
<li id='car' class="t">1</li>
浏览 0提问于2014-10-06得票数 1
回答已采纳
2回答
所以我遵循了一个用javascript创建一个疯狂的地鼠游戏的教程，我的代码和教程中显示的完全一样，但是当我检查我的控制台时，我得到了一个错误"Uncaught : Cannot read property 'classList‘of undefined“。这是我的代码 let moles = $('.mole')
let moleArr = Array.prototype.slice.call(moles)
let random;
function renderGame(){
moleArr.forEach(curr=>{
浏览 24提问于2020-10-20得票数 0
2回答
从元素中删除不需要的类
、、、、
我有一个图像滑块，当用户从左向右拖动时，它会显示前后的图像。类'draggable‘被添加到这些图像中，也被添加到我的英雄图像中。我认为元素是自动生成的，但我找不到如何或在哪里生成的(我没有构建它，只负责修复它！)。问题是，当拖动滑块时，英雄图像也会来回拖动。我不知道如何从我的英雄形象所在的元素中删除“draggable”类。 // Call & init
$(document).ready(function () {
$(".ba-slider").each(function () {
var cur = $(this);
// Adj
浏览 8提问于2020-08-22得票数 1
回答已采纳
3回答
我以前问过类似的问题，但那是关于与动态创建的元素相关的事件。现在，我只想更改div中动态创建的img标记的类列表。这就是全部内容，我想创建一个滑块，其中包含从JSON文件获取的src和alt属性拍摄的三个图像。函数正常地创建了所有这三个类，并且正如我所希望的那样，将displayNone类放在除第一个之外的每个img上。另一个函数应该每隔3秒在循环中检查不包含displayNone类的标签的所有动态创建的img标签，并将其添加到该特定的img类displayNone，然后获取下一个，或者如果它是最后第一个，则获取img并移除他的displayNone类。我在内部函数中创建了var来获取这些图像
浏览 0提问于2021-02-15得票数 0
当页面中的菜单按钮被选中时，我想要更改它。没有问题:我写了(只是举个例子)：
在CSS中：
.idleColor{background:#0f0; ... }
.redColor {background:#f00;}
在HTML中：
<input id='m3' type=button class=idleColor>
....
<script> /* at page end */
$(document).foundation();
....
var activeButton = $("#m"+menuId); //ass
浏览 1提问于2017-03-15得票数 0
爬过我的DOM，我发现了一个头皮抓痕：
我正在评估一个元素，其任务如下：
if (e.container.context.classList.indexOf('editable-notes') == - 1) return;
我的开发者工具包告诉我这个应该能用..。我认为。但是它爆炸了：
Uncaught TypeError: undefined is not a function.
...which在我看来很奇怪。所以我在里面放了一个断点，然后检查这些值。e.container.context返回时是有效的：
<td title class="truncate
浏览 0提问于2014-07-02得票数 1
回答已采纳
我今天刚开始学习Javascript，并决定从实际例子开始，例如切换函数。
到目前为止，我的结局是这样的：
document.getElementsByClassName("toggle").addEventListener("click", function() {
if(this.classList.contains("toggled")) {
this.classList.remove("toggled")
}
else {
this.classList.add("toggled"
浏览 12提问于2020-09-16得票数 0
回答已采纳
我试图在我非常有限的Javascript知识的情况下，将香草Javascript写到一些按钮上，以实现以下目标：
( a)单击任何按钮，例如button1及其内容显示b)单击相同的按钮并隐藏其内容c)再次单击一个按钮(例如button1)，然后单击另一个按钮(例如button2)并显示button2内容，同时也关闭先前单击的按钮(button1)。
然而，在这三个步骤中，我只能做到两个：
例如，我有三个按钮：
场景1
在方案1中，我可以实现a)，但不是b)或c)
我可以单击button1显示其内容，然后单击button2打开其内容并隐藏button1的内容。我不能做的是再次单击button2隐
浏览 1提问于2020-11-17得票数 0
回答已采纳
3回答
它在lecture...stumped中被问到了这个问题。
如何保证快速排序将始终对整数数组进行排序？
谢谢。
浏览 0提问于2012-02-28得票数 1
回答已采纳
2回答
事件切换侦听器
、、、、
我试图用ui.activeFilter()方法更改一些样式，但它说：
无法读取属性toggle of undefined。
并将变量filterLinks设置为全局范围。我不明白它为什么不起作用。
"use strict";
// UI elements
const filterLinks = document.querySelectorAll('a');
const itemsLeft = document.querySelectorAll('span');
// Event listeners
filterLinks.forEac
浏览 0提问于2019-05-31得票数 1
回答已采纳
<body>
<script language="javascript">
window.tdiff = []; fred = function(a,b){return a-b;};
window.onload = function(e){
console.log("window.onload", e, Date.now() ,window.tdiff,
(window.tdiff[1] = Date.now()) && window.tdiff.reduce(fred) );
}
</sc
浏览 6提问于2013-07-01得票数 0
回答已采纳
我正在尝试制作每个按钮都有鼠标悬停效果的按钮，我似乎想不出当悬停在button上时，我想要在它们上面添加一个css类，这样动画就会生效。 这是我想要命名为.player的css类 .playerside {
animation: myframe 0.3s ease-in-out 0.5s;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes myframe {
0% {
opacity: 0;
transform: scale(0);
}
50% {
opacity: 0.2;
}
80% {
op
浏览 28提问于2020-04-05得票数 0
回答已采纳
1回答
我有一个关于for循环的问题。我只将json数据保存在一列中。例如：
1 / John / ["jsondata1","jsondata2","jsondata3"]
2 / Elizabeth / ["jsondata3","jsondata4"]
我需要在一个表中显示这个值。第3列最大数据大小始终为4。没有jsondata5
我在我的刀片视图中创建了这个循环。
<table>
@foreach($values as $value)
<tr>
<td>
浏览 0提问于2018-01-28得票数 2
5回答
我的网站上有一个表单，但我在传递复选框的值时遇到问题。
我得到以下错误...
Notice: Undefined index: upgradeable in /var/www/vhosts/domain.com/httpdocs/***/includes/modules/admin.php on line 324 Unexpected error.
var_dump显示这些错误...
Notice: Undefined index: upgradeable in /var/www/vhosts/domain.com/httpdocs/***/includes/modules/admin.php
浏览 0提问于2011-09-12得票数 1
回答已采纳
1回答
因此，我在React应用程序中使用fetch从应用程序接口中提取了一些数据，然后使用.map将我想要的数据放入数组中，我试图以一种表的格式来表示这些数据。 当我记录映射的数组时，它显示了我想要的数据，但当我尝试访问它以显示它的特定元素时，它返回未定义的。 如果控制台日志中的数组显示它有元素name和age，那么当我尝试访问它时，我是否做错了什么而没有定义它？也许我访问它的方式是错误的。任何帮助都将不胜感激。 function getMap(results) {
return results.map((res) => {
return {name: res.name,
浏览 11提问于2019-05-26得票数 0
回答已采纳
我试图显示某个目录中的随机图像，但glob一直给我这个错误：
Undefined offset: 0
这让我相信它与.png文件不匹配。但是，它不应该匹配目录中的所有文件吗？谢谢
代码：
$banners = glob("/lib/theme/ivao/images/banners/*");
$img1 = $banners[rand(0,count($banners)-1)];
浏览 2提问于2015-07-29得票数 0
我是编程新手，正在尝试创建一款俄罗斯方块游戏。然而，我遇到了一些我不知道解决方案的错误。在javascript中，我在两个单独的部分中得到了错误Uncaught : Cannot read property 'classList/forEach‘of undefined。
"forEach“的错误出现在"//draw/undraw tetros”，而classList的错误出现在代码底部的classList.add('tetromino')。
如果有人知道我如何解决这个问题，我将不胜感激。:)
document.addEventListener('
浏览 0提问于2020-06-09得票数 0
3回答
Js函数参数
、、
当我在控制台上运行这段代码时，其结果是undefined
(function test (arguments) {
console.log(arguments[0]);
})(100);
但是，当我将arguments改为a时，其结果是100
(function test (a) {
console.log(arguments[0]);
})(100);
为什么？我搜索并阅读了，但不明白为什么第一个是未定义的，第二个是100。
浏览 1提问于2018-08-02得票数 0
回答已采纳
当打印出集合中的模型时，我看到两个“未定义的”列表，context和collection，它们的长度与我的主干集合的长度相同，我想知道它们是用来做什么的。
var collection = new Backbone.Collection([{x:1},{x:2},{x:3}]);
print(collection.at(0));
{
_callbacks: {
all: {
next: {
callback: function (event, model, collection, options) {...},
context: [un
浏览 0提问于2012-10-07得票数 0
1回答
我在玩.classList，我的控制台里有一些奇怪的错误。
基本上，我有一个图像数组，所有的图像都是子类，我正在做一个javascrpt .querySelectorAll，将这些图像存储在一个变量中，以便进一步操作。
var el = document.querySelectorAll('.child');
console.log(el.classList;);
el.classList.add("someClass");
但是当我打开我的控制台时，我会发现一些错误。
这个引用.classList;未定义，这个引用.classList.add();
Unc
浏览 3提问于2014-05-03得票数 0
回答已采纳
通过阅读，我了解到delete为元素设置了undefined值。
因此，如果我们有一个数组：a = [1, 2, 3] (至少在客户端)，使用delete a[1]，数组将变成[1, undefined x 1, 3]，也就是客户端上的。
在NodeJS中发生了什么？
但是，在NodeJS (服务器端)上测试相同的操作，我得到如下结果：
$ node
> a = [1, 2, 3]
[ 1, 2, 3 ]
> delete a[1]
true
> a
[ 1, , 3 ]
> a[1] = undefined
undefined
> a
[ 1, undefine
浏览 6提问于2013-10-06得票数 1
回答已采纳
我无法从JSON读取数据。在组件挂载后，我从控制台检查了数据是否存储在组件状态中。在return语句中，我尝试使用map方法从JSON数据呈现url字符串。当我从控制台记录数据信息时，数据可以在'this.state.data‘或'elm’中找到，但当在它的末尾添加'multimediaidx‘时，它显示找不到数据。我想知道是什么原因。 this.state.data.map((elm, idx) =>
//...
<div>{elm.multimedia[idx].url}</div>
//... 从控制台记录的多媒体元素的JSON数据
浏览 16提问于2019-02-01得票数 1
回答已采纳
人们可能会认为，在JavaScript：var array = [1,2,undefined,4];中，与：
var array = [1,2];
array.length = 3;
array.push(4);
但事实并非如此。此代码显示：
var array1 = [1,2];
array1.length = 3;
array1.push(4);
var array2 = [1,2,undefined,4];
traverseArray(array1);
traverseArray(array2);
function traverseArray(array) {
console.
浏览 2提问于2015-02-20得票数 2
回答已采纳
我正在学习Ruby，最近完成了一项创建目录的任务。但是，代码工作在代码的末尾，会发生以下错误：
table_of_contents2.rb:23:in `<main>': undefined method `ljust' for nil:NilClass (NoMethodError)
我已经通过在while循环中执行一个nil来双重检查outline变量不是puts outline，并尝试在整个代码中将outline变量更改为@outline和$outline，但是错误仍然存在。
完整的代码如下：
lineWidth = 40
chapters = ["
浏览 1提问于2017-06-28得票数 1
回答已采纳
我试着制作一个脚本，当用户在图片中点击“汉堡包-导航-img”类时，它会在另一个元素中切换这个类“打开”。我的代码是：
HTML
<nav class="main-nav">
<ul class="flex-container">
<li class="flex-content"><a href="#">Home</a></li>
<li class="flex-content">&l
浏览 1提问于2018-07-26得票数 0
回答已采纳
当我在我的本地主机上使用$_SERVER['PATH_INFO']时，我得到了以下错误：
Notice: Undefined index: PATH_INFO
我在用WAMP。有人能告诉我为什么会这样吗？
浏览 0提问于2012-03-27得票数 4
回答已采纳
2回答
根据配料过滤披萨
、、、、
我有一些按钮，你可以选择要过滤的成分 //index.html
<div class="submenu">
<input type="checkbox" class="filter-item" id="olive" onclick="filter()" />
<label for="olive">
<img alt="olive" src="img/png/pizza/olive.png"
浏览 11提问于2019-10-17得票数 0
回答已采纳
当我这么做
const arrayLike = { 1:'foo', 2:'bar', length:2 };
Array.from(arrayLike);
我得到了
[ undefined, 'foo' ]
当我这么做
const arrayLike = { 1:'foo', 2:'bar', length:3 };
Array.from(arrayLike)
我得到了
[ undefined, 'foo', 'bar' ]
为什么在设置长度时看不到bar？
为什么我只看到
浏览 8提问于2017-07-11得票数 4
回答已采纳
我正在做一个用纯javascript制作滑块的个人项目。但是js代码不起作用。当我点击next按钮时，控制台显示一个错误，未捕获TypeError: Cannot read property 'classList‘of undefined。与上一步按钮相同。我想尽我所能，但还是找不到答案。=
JS代码：
var next1 = document.getElementById("next");
var prev1 = document.getElementById("prev");
var ulist = document.getElementsByTag
浏览 4提问于2018-06-04得票数 0
我正在尝试构建一个函数来检查html页面上的视频，如果它存在，在视频的持续时间内隐藏页面上的next按钮。到目前为止，我的代码如下所示：
<script type="text/javascript">
$(document).onload(function () {
//grab video in variable
var video = document.getElementsByClassName("Video");
//if video exists, hide the next button, get duratio
浏览 4提问于2020-09-08得票数 1
回答已采纳
在使用.map()时，我遇到了一种奇怪的行为:整个DOM使用comas呈现我的元素。不知道他们从哪里来。有线索吗？
function portfolio() {
let portfolio = document.querySelectorAll('.portfolio-content')[0];
let list = [
{link: "/img/img1.png", title: "Printed swimsuit", price: "23", filter: [
浏览 3提问于2017-06-20得票数 0
回答已采纳
3回答
我想用jQuery检查li元素列表中哪个li元素是活动的(它们代表一个菜单，我想检查哪个菜单项当前是活动的)。
因此，我将所有的li项存储在一个变量myElements中。然后我询问myElements的长度，并对它们应用一些样式更改，到目前为止，一切都正常。显然，通过这种方式，我的变量myElements是一个节点列表，而不是一个数组，所以我声明了另一个变量: myElements_array，它包含与myElements相同的元素，并且是一个数组(也经过测试并且可以工作)。
然后我试着检查myElements_array的哪些元素有'current-menu-item‘类，但是它不
浏览 0提问于2015-06-04得票数 9
回答已采纳
我有一个ref数组，我在循环时对其使用方法。但是，它显示错误，属性'classList‘在类型'RefObject’上不存在。类型'RefObject‘上不存在属性'getBoundingClientRect’。
我已经添加了相应的代码以获取更多信息。任何帮助都是非常感谢的。谢谢
categories: [
{
id: 1,
name: 'About',
img: About,
title: 'Problem Statement',
}]
const categories
浏览 404提问于2021-09-27得票数 1
2回答
我正在尝试在单击链接后(在本例中，链接的id为#switchlogin)向纯JS中的div添加一个类。当我对元素执行console.log操作时，我可以在对象中单击并看到它的classList中当前有两个名称。然而，当我定义时，我收到一个“console.log element.classList”。我不确定为什么我收到undefined，以及为什么我不能添加我的新类名。
此问题在此处重新创建：
下面是我的HTML的一部分：
<div class="sign_in modal">
<h1>Get Started!</h1>
浏览 0提问于2015-10-15得票数 20
回答已采纳
2回答
我想知道为什么在classList是空字符串时显示以下警报：
<p id="p">Hello, world!</p>
<button id="b">Button</button>
<script>
document.getElementById('b').onclick = function () {
if (document.getElementById('p').classList) {
alert('Full!
浏览 7提问于2014-06-20得票数 1
回答已采纳
1回答
我有一个阵列。我的数组名为splitarr[Array2[]、Array1[]、Array0[]、Array3[].。从索引零到索引2没有正确的排序。所以我想交换splitarr，它看起来更像=> splitarr[Array0[]，Array1[]，Array2[]，Array3[].]。但是，我的代码似乎不起作用。当我尝试console.log我的数组时，应该切换元素的索引是未定义的。
function blabla(){
dividersecond = 2;
splitarrayindex = 0;
splitarr = [[],[],[],[]] //this is just p
浏览 2提问于2020-03-06得票数 1
回答已采纳
1回答
我有两个控件--一个chosen multiselect和另一个select2 multivalue select
选择多选择
<select id="mlti_1" class="chosen span6" multiple='multiple' >
<option value="1">one</option>
<option value="2">two</option>
<option value="3">thr
浏览 2提问于2014-03-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
