Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我得到了体育标题和第三名的空值 我是js的新手 你能告诉我为什么我的体育标题和第三名都是空值吗 因为我们有一个包含内容的div。 体育标题-->{“0”:{} 第三-->{} 在下面提供我的代码 findStringInsideDiv(){ /* var str=document.getElementsByClassName(“运动标题”).innerHTML; */ var sporttitle=document.getElementsByClassName(“运动标题”); var third=体育标题[0]; var thirdHTML=third.innerHTML //str=str.split(“”[4]; log(“运动标题-->”+JSON.stringify(运动标题)); log(“第三-->”+JSON.stringify(第三)); log(“thirdHTML-->”+JSON.stringify(thirdHTML)); 如果(第三个TML==“篮球足球游泳”){ log(“匹配的basketball-->”); var menu=document.querySelector('.sports'); menu.classList.add('sports-with-basketball'); //如何将这个类名直接添加到body之后的第一个div中。 //但我们不会用手风琴演奏那首曲子 //可能吗 } 否则{ 控制台日志(“不匹配”); } }_Javascript_Jquery_Html_Css_Reactjs - Fatal编程技术网

Javascript 我得到了体育标题和第三名的空值 我是js的新手 你能告诉我为什么我的体育标题和第三名都是空值吗 因为我们有一个包含内容的div。 体育标题-->{“0”:{} 第三-->{} 在下面提供我的代码 findStringInsideDiv(){ /* var str=document.getElementsByClassName(“运动标题”).innerHTML; */ var sporttitle=document.getElementsByClassName(“运动标题”); var third=体育标题[0]; var thirdHTML=third.innerHTML //str=str.split(“”[4]; log(“运动标题-->”+JSON.stringify(运动标题)); log(“第三-->”+JSON.stringify(第三)); log(“thirdHTML-->”+JSON.stringify(thirdHTML)); 如果(第三个TML==“篮球足球游泳”){ log(“匹配的basketball-->”); var menu=document.querySelector('.sports'); menu.classList.add('sports-with-basketball'); //如何将这个类名直接添加到body之后的第一个div中。 //但我们不会用手风琴演奏那首曲子 //可能吗 } 否则{ 控制台日志(“不匹配”); } }

Javascript 我得到了体育标题和第三名的空值 我是js的新手 你能告诉我为什么我的体育标题和第三名都是空值吗 因为我们有一个包含内容的div。 体育标题-->{“0”:{} 第三-->{} 在下面提供我的代码 findStringInsideDiv(){ /* var str=document.getElementsByClassName(“运动标题”).innerHTML; */ var sporttitle=document.getElementsByClassName(“运动标题”); var third=体育标题[0]; var thirdHTML=third.innerHTML //str=str.split(“”[4]; log(“运动标题-->”+JSON.stringify(运动标题)); log(“第三-->”+JSON.stringify(第三)); log(“thirdHTML-->”+JSON.stringify(thirdHTML)); 如果(第三个TML==“篮球足球游泳”){ log(“匹配的basketball-->”); var menu=document.querySelector('.sports'); menu.classList.add('sports-with-basketball'); //如何将这个类名直接添加到body之后的第一个div中。 //但我们不会用手风琴演奏那首曲子 //可能吗 } 否则{ 控制台日志(“不匹配”); } },javascript,jquery,html,css,reactjs,Javascript,Jquery,Html,Css,Reactjs,当您使用任何GetElement选择器调用文档对象模型(DOM)中的对象时,它会返回一个可以被视为该HTML元素的对象。这个对象包含的不仅仅是HTML元素中包含的文本。为了访问该元素的文本,您需要使用.textContent属性 此外,HTML类可能被分配给多个元素,因此GetElementsByClassName返回一个数组,因此您必须执行以下操作,例如: console.log("sports-title---->" + JSON.stringify(sportsTitle[0].te

当您使用任何GetElement选择器调用文档对象模型(DOM)中的对象时,它会返回一个可以被视为该HTML元素的对象。这个对象包含的不仅仅是HTML元素中包含的文本。为了访问该元素的文本,您需要使用.textContent属性

此外,HTML类可能被分配给多个元素,因此GetElementsByClassName返回一个数组,因此您必须执行以下操作,例如:

console.log("sports-title---->" + JSON.stringify(sportsTitle[0].textContent));

您可以在W3Schools网站上找到DOM的简要介绍。如果您继续,它将概述DOM的各个方面,包括元素。

这可能会有所帮助
如您所见,
sportsTitle[0]。textContent
返回完整标题,0是索引,因此在字符串化(序列化)
sportsTitle
时得到“0”。为什么是0?因为您有一个
元素。看到这把小提琴了吗
我添加了第二个h1,并查看
控制台.log
,得到两个索引0和1

如果您想从元素中获取单词,那么使用
substr()
方法获取子字符串

一种方法是将
类属性更改为id并执行
sportsTitle.textContent
并在此字符串上使用
substr()
或
第二种方法是保持类属性并执行
sportsTitle[0]
和此字符串上的
substr()


第二种是更好的方法

仅引用对象是不够的,您必须从中获取文本object@Grisza您好,您能告诉我为什么在输出中看到0-->{“0”:{}你希望在
sportsTitle
third
中看到什么?0出现的原因是什么?因为有了getElementsByClassName,你得到了数组,因此得到了“0”,当我在没有JSON的情况下键入时。stringify我得到了
sports title-->[object HTMLCollection]
R您好,您能告诉我为什么在输出中看到0-->{“0”:{}GetElementsByclassName谢谢你的关注,@Grisza!