为什么只显示最后一个元素而不是JavaScript中的所有元素
这个问题涉及到前端开发领域中的JavaScript语言和相关知识。在JavaScript中，如果只显示最后一个元素而不是所有元素，可能是因为以下原因：
- 错误的选择器：在获取元素的过程中，可能选择器选择错误，导致只获取到最后一个元素。常见的选择器有getElementById、getElementsByClassName、getElementsByTagName等。根据具体需求选择合适的选择器来获取所有元素。
- 逻辑错误：在JavaScript代码中可能存在逻辑错误，导致只处理最后一个元素。这种情况下需要检查循环语句或迭代逻辑是否正确，确保每个元素都被正确处理。
- DOM操作错误：可能存在错误的DOM操作，导致只显示最后一个元素。例如，使用appendChild方法向一个固定的DOM节点中添加元素，每次添加都会覆盖上一次的内容，最终只显示最后一个元素。
为了能够准确解决这个问题，可以进行如下步骤：
- 确定使用的选择器是否正确，并使用正确的选择器获取所有元素。
- 检查JavaScript代码中的逻辑错误，确保每个元素都得到正确处理。可以使用console.log()语句在控制台输出相关信息，帮助排查问题。
- 检查DOM操作，确保每个元素都能够被正确添加到相应的位置，而不是覆盖之前的元素。
此外，在前端开发中，了解以下相关概念和技术将会有助于更好地理解和解决这个问题：
- DOM（文档对象模型）：用于表示和操作HTML或XML文档的编程接口。
- CSS选择器：用于选择HTML元素的样式选择器，如class选择器、id选择器等。
- 循环语句：如for循环、while循环等，用于重复执行一段代码。
- JavaScript调试工具：如浏览器的开发者工具、第三方工具（如Chrome DevTools），用于分析和调试JavaScript代码。
注意：根据要求，本回答不能提及具体的云计算品牌商。
相关·内容
在我的控制器中，当我返回@foreach($cars->drivers as $key=>$value)时，4 cars返回到一个数组中，但是在下面的js中，只显示了最后一辆车。在下面的代码中，这种情况是如何发生的？
PS:初学者在Javascript & Laravel
JS
<script>
@foreach($cars->drivers as $key=>$value)
var material =
'<div class="input-field col input-g s12">'
浏览 1提问于2018-06-05得票数 0
回答已采纳
我需要使用javascript获取所有href链接值。我有这个代码，
<body onload="myFunction()">
<div class="pull-right">
<a class="download-link" id="download_link" href="%file_url%">Download</a>
</div>
</body>
它如下所示
<a class="download-link"
浏览 0提问于2013-11-01得票数 2
我有以下代码：
我对javascript完全陌生，这是我第一次使用它。HTML select的值必须是01,02等，这就是为什么我必须使用一个很长的if else语句。这些值必须提交给服务器上的应用程序，该应用程序对如何取值非常挑剔。
为什么不在选择框中将日期设置为15 (今天)？
浏览 0提问于2010-07-15得票数 0
回答已采纳
我正在使用这段代码从客户端连接到Twitter Stream (我需要坚持这个方法，请不要提供替代方法)-我正在尝试理解如何将结果限制为只显示一条推文(最新的一条)。现在，它显示了结果中的所有tweet。我在搜索URL中删除了标签&用户名，如果有人想要帮助我，只需插入您自己的。代码如下：
<div id="tweet_stream">
Loading #Apple tweets...
</div>
<script type="text/javascript">
jQuery(function(){
// Execute
浏览 0提问于2012-04-07得票数 0
1回答
在Scheme中，使用list定义一个列表可以确保结果是一个正确的列表，这意味着它的最后一个元素是一个列表()。
如果定义了测试列表：
(define test (list 27 3))
当一个人prints列表时，它只显示(27 3)，而不显示()。
但是，如果使用(rest (rest test))，则会出现()。执行(list-ref test 2)会产生错误。
如果在cdr遍历元素时，()作为列表中的第三个元素出现，为什么它不被视为列表的成员？
这会不会在Scheme中的正确列表和不正确列表之间造成混淆？
浏览 5提问于2018-12-15得票数 0
回答已采纳
4回答
目前，我在使用JavaScript时遇到了一个关于循环的问题。我有一个对象： var object = {
objectInObject: {
name: "Banana"
},
objectInObject2: {
name: "Apple"
},
objectInObject3: {
name: "Carrot"
}
} 我正在遍历对象的对象： for(var key in object){
var li = document.creat
浏览 52提问于2017-05-10得票数 1
回答已采纳
我有一个页面，其中包含大量具有增量id的文本框。我想读取所有这些‘d并使用javascript显示它们。
如下所示的HTML页面：
<input type="text" id="item1" value="111" ></input>
<input type="text" id="item2" value="222" ></input>
<input type="text" id="item3" value=
浏览 1提问于2013-12-16得票数 0
<script>
(function($, window, document, undefined) {
$.fn.testPlugin = function(options) {
this.each(function() {
$$ = this;
$(window).on('scroll',function() {
console.log($$);
})
});
}
})(jQuery, window, docu
浏览 0提问于2013-07-08得票数 0
我有这个json，我想使用javascript在我的html5中只显示"cat_news“，
[
{
"id_news": "3",
"cat_news": "Category Three",
"title": "News Content next",
"content": "testingg\nThis is some content\nwith long post\n",
"media": "
浏览 1提问于2015-04-13得票数 0
回答已采纳
1回答
因此，我有一个篡改猴子脚本，它创建一些元素并追加它们。
因此，我的第一个类名元素: ControllerBG附加到一个id为"motd“的元素中。
当我的第二个元素试图追加时，我看不到任何东西，或者控制台中没有错误。
举例说明。
ControllerBG.appendChild(TopContainer);
它只追加第一个var/元素，如下所示
<div class="ControllerBG" item-controlv1=""></div>
为什么其他元素不追加到该元素，也称为变量"TopContainer"？
浏览 3提问于2019-11-29得票数 0
回答已采纳
你好，我在一个页面上工作，该页面最初在竞赛中显示一个与注册用户一起的列表(用户可以多次注册，但每个注册的用户只显示一次)，并且这个列表是在特定的时间使用AJAX更新的，我想只显示没有在该列表中的用户。哪一种选择是最好的选择？
seconds)Comparing将该数组与用户一起从页面发送到服务器，将将该数组与新用户进行比较，并仅返回未在该列表中的用户(这意味着我将向服务器发送一个约有10-200个用户的数组，在每30个 AJAX结果中显示页面中的用户列表，并仅显示未在javascript中的用户(这意味着将与javascript进行比较)。
浏览 2提问于2011-04-19得票数 0
回答已采纳
1回答
void List::add_item(double new_value)
{
if (list == nullptr)
{
list = new ValueList;
list->value = new_value;
list->next = nullptr;
}
else
{
ValueList* track = list;
while (track != nullptr)
{
track = track->nex
浏览 2提问于2021-04-20得票数 0
回答已采纳
1回答
动态创建v图标
、、
我想用javascript动态创建v图标。这是我的密码：
const icon = document.createElement('v-icon');
icon.innerHTML = 'folder_open';
但是它不起作用。它只显示一个文本而不是v图标。我该怎么做呢？
浏览 0提问于2019-01-07得票数 1
回答已采纳
这个问题更多的是为什么这个特定的代码是这样工作的，而不是我如何使这个代码这样工作。
我读了JavaScript的codecademy教程，我遇到了一个在概念上可以在我自己的代码中使用的教训，因为我可以看到这个特定代码的模式--但是这段代码为什么这样工作是没有道理的。
以下是一个例子：
let myArray = ['First','Second','Third'];
var last = myArray[myArray.length - 1];
console.log(last);
控制台在运行上述代码时显示“第三次”。我知道JavaScript
浏览 4提问于2017-09-29得票数 3
回答已采纳
我有以下用html编写的代码
<form id = "name" action="../js/customerData.js">
First name: <input id = "firstName" type="text" name="firstName" placeholder="First Name"><br>
Last name: <input id = "lastName" type="text" n
浏览 9提问于2019-11-03得票数 0
1回答
作为一个聪明的合同开发人员，我无法理解为什么我们要使用圆环电路来进行零知识证明？像A*B = C这样的所有示例都可以在javascript和solidity中完成。我们还可以创建数字签名，并在这些语言中执行散列。我们为什么要用圆环电路？
浏览 0提问于2023-05-03得票数 1
2回答
数组列表到JLabel
、、、
我正在尝试将arraylist内容打印到Jlabel中，但问题是它只显示我添加的最后一个整数，如果有人能帮助我的话？
private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
for(int i = 0; i < list.size(); i++){
jLabel1.setText(list.toString());
}
}
private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) {
浏览 11提问于2018-12-09得票数 1
1回答
首先向你们大家问好。问题是，我正在从javascript到php文件进行ajax调用。在这个php文件中，有一个准备好的语句，它返回15行。我需要json_encode()这些行并将其发送回javascript文件，以便我可以在每一行中使用所有这些信息，这些信息都是关于用户配置文件的信息。我的密码怎么了？我一直调用fetch_assoc()，直到所有行都被处理为止，但是当我在控制台上显示它时，它只显示了一行。
这是get_info.php：
// Get the profile info
$stmt = $conn->prepare("SELECT teachers.f
浏览 4提问于2022-02-20得票数 0
回答已采纳
我试图将一组输入元素分组到一个Javascript数组中，但我搞不懂为什么我会得到一个多维数组(在下面的代码中，数组名为'urls‘)。结果是我把第四个元素和第一个元素的id搞混了。
<html>
<head>
<script language="javascript">
function validate() {
var form = document.forms.conf;
var urls = new Array(form.url1, form.url2, form.url3,
浏览 0提问于2012-11-02得票数 1
回答已采纳
2回答
正如标题所述，我在javascript中遇到了一个奇怪的bug。在我的php中，我回覆了将jquery弹出警告框呈现到屏幕上的javascript。
echo '<link rel="stylesheet"
href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/>
<script src="http://code.jquery.com/jquery-1.9.1.js"></scrip
浏览 4提问于2013-05-15得票数 0
2回答
我希望使用HTML选择多个标记，使用户能够选择多个选项。HTML代码如下所写：
<select name="students" multiple>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
现在我想要的是获取所有选定的值，并在php代码中使用它们。当我打印POSTed数据时，它只显示选中
浏览 1提问于2014-08-29得票数 0
回答已采纳
我有以下代码：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function()
{
浏览 2提问于2011-08-10得票数 1
我有一些javascript，它在提交事件时侦听表单，当POST请求发生时，它只显示一个加载器。它在Chrome上运行得很好。但在Safari中，“处理...”显示文本，但不显示加载div。
window.onload = function() {
function loadSpinner() {
document.getElementsByClassName('container')[0].innerHTML = "Processing... <div id='loader'>Loading...</div>"
浏览 0提问于2016-06-13得票数 3
3回答
我有一个包含多个帖子div的页面，并且每个帖子都有一个隐藏的评论表单。在单击按钮或链接之后，使用JQuery/JavaScript只显示该帖子的注释表单的最佳方法是什么。
<div class="post">
<p>Some Content</p>
<a href="#" class="commentButton">Comment</a>
<div class="commentForm" style="display:none"&g
浏览 4提问于2015-11-11得票数 1
回答已采纳
我发现在javascript中for循环和for-in循环之间有区别。
当我定义一个新数组时：
var a=new Array();
然后，我把一些价值投入，但不是连续的，例如：
a[0]=0;a[1]=1;a[4]=4;
当我使用for(i=0;i<5;i++)获取值并使用警告来显示它时，它与使用for(i in a)不同。
前一个将显示索引2,3中的元素，其中显示“未定义”，而for-in将只显示索引0、1和4。有人能告诉我为什么吗？
浏览 4提问于2014-12-29得票数 3
回答已采纳
为什么它只显示数组的最后一个值，而不是显示整个数组？更新数据库中的值时，更新数据库中的值时，它将输出所有
constructor(props) {
super(props);
this.name = this.props.name;
this.state = {[this.name] : []};
}
componentDidMount() {
let cardQuantity =
firebase.database().ref("Users").child(this.name);
cardQuantity.o
浏览 4提问于2017-10-29得票数 0
回答已采纳
6回答
我是javascript和jQuery的初学者，正在努力学习。我有一些使用此jQuery进行切换的表：
$(document).ready(function() {
$('th').click(function() {
$(this).parents('table').find('td').slideToggle("fast");
});
});
我希望一次只显示一个表，这样，如果您先显示第一个表，然后再显示另一个表，则第一个表将关闭。我将非常感谢您的指导。完整代码在这里：
浏览 0提问于2013-03-14得票数 1
回答已采纳
我使用以下代码使用JavaScript检索HTML中的图像：
var images = document.getElementsByTagName("img");
如果我正确理解JavaScript，这将返回一个HTMLImageElement类型的对象。我可以使用.className变量直接访问它的变量，但是不能在它上调用jQuery.hasClass()方法。为什么会这样呢？
浏览 4提问于2013-10-24得票数 1
回答已采纳
2回答
光子单位前环
、、
很简单的问题真的
如何让这个循环显示所有玩家，因为它只显示我的玩家。正如你所看到的，我试着开始一条新的路线。
当我执行samestatment时，除了播放列表外，我使用其他列表，它会返回另一个玩家，那么为什么玩家列表不显示每个人:S
void openCloseScore()
{
if (Input.GetKey (KeyCode.Tab))
{
ScoreBoard.SetActive (true);
foreach(PhotonPlayer player in PhotonNetwork.playerList)
{
浏览 3提问于2016-02-14得票数 1
回答已采纳
我有一个JS函数来切换网格视图中所有复选框的复选状态。现在，有两个类似的网格视图，因此，希望使用相同的功能。
这是页面结构：
无线按钮rb1，Radiobutton rb2
Gridview gv1，gridview gv2
选中rb1，只显示gv1，隐藏gv2，反之亦然。
在页面加载时，只检查rb1，gv1是可访问的。
当只用于一个网格视图时，JS函数工作得很好。我把它改成这个，它不起作用了。我哪里出错了。
JS:
<script type="text/javascript">
function SelectAll(chkBox)
{
var chk
浏览 4提问于2013-12-14得票数 0
我在一个问题/答案脚本上有大约40个问题，现在我想隐藏所有其他消息，但单击了id但窗口重叠的消息，那么我如何隐藏所有其他id，并使用Javascript只显示一个？
浏览 0提问于2010-02-22得票数 0
回答已采纳
3回答
我对jquery有问题，我使用以下代码以json格式获取日期，这段代码工作正常。
在console.log(tiempo)中，我可以看到这个日期
2015/11/21 12:34:56
ex.html:15 2016/10/10 12:34:56
ex.html:15 2017/10/10 12:34:56
ex.html:15 2018/10/10 12:34:56
ex.html:15 2019/10/10 12:34:56
然而，在HTML中，我只能看到我从json收到的第一次约会。
<script type="text/javascript">
fu
浏览 3提问于2015-11-20得票数 0
回答已采纳
4回答
<html>
<style type="text/css">
a {
display: none;
}
</style>
<body>
<p id="p"> a paragraph </p>
<a href="http://www.google.com" id="a">google</a>
</body>
浏览 2提问于2010-09-23得票数 20
回答已采纳
1回答
我下面的代码很有用。它对我的php文件进行.ajax调用，根据需要检索数据数组。
但是，当我开始遍历数组时，我试图在现有表中动态创建DOM元素。在这些函数调用的点，我得到错误“未定义的函数”，请注意，注释掉的警报确实有效，因此我知道数据正在返回，循环正在输入。我只是不明白为什么我创建dom元素和属性的语法不起作用。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
浏览 5提问于2014-05-22得票数 0
回答已采纳
在启用了JavaScript的情况下，HTML语言中是否存在只显示其内容的标记？我知道<noscript>的工作方式正好相反，当JavaScript关闭时，它会显示它的HTML内容。但我只想在网站上显示一个表单，如果JavaScript可用，告诉他们为什么他们不能使用表单，如果他们没有它。
我知道如何做到这一点的唯一方法是在脚本标记中使用document.write();方法，对于大量的HTML语言来说，这似乎有点混乱。
浏览 1提问于2008-08-27得票数 118
回答已采纳
5回答
我理解使用JavaScript的for循环的基本前提，但是.each的使用回避了我。
var col = [1, 2, 3, 4, 5, 6];
for (var i = 0; i < col.length; i++) {
$('p').html(col[i]);
}
大量生产：
<p> 6 </p>
<p> 6 </p>
<p> 6 </p>
当我期待：
<p> 1 </p>
<p> 2 </p>
<p> 3 </p>
浏览 2提问于2013-11-21得票数 3
回答已采纳
1回答
DOM节点不是垃圾收集
、、、
关于如何使用Chrome的开发工具来调试单页web应用程序中的内存泄漏，我有一个问题。
根据谷歌的，在进行堆快照后，您将看到红色和黄色的分离DOM节点。黄色节点是那些仍然被JavaScript引用的节点，有效地表示了泄漏的原因。红色节点在JavaScript中没有直接引用，但是它们仍然是“活动的”-likely，因为它们是黄色节点的DOM树的一部分。
通过在堆快照中的所有黄色节点上钻取并找到代码中仍然有引用的地方，我能够修复几个内存泄漏。但是，现在我不知道如何处理:堆快照中只显示了红色节点！
如果没有对这些节点的JavaScript引用，那么还有什么其他原因可以使这些节点不被垃圾收集呢？另外，
浏览 4提问于2015-03-12得票数 2
回答已采纳
我希望只显示URL的login-page元素。我目前的方法是不起作用的：
web.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView view, String url)
{
view.loadUrl("javascript:document.getElementByClassName('login-page')");
}
浏览 0提问于2017-06-22得票数 1
为什么这不起作用？
p{
display: none;
}
p.visible:last-of-type {
display: block;
}
<div>
<p class="visible">This should be hidden</p>
<p class="visible">This should be displayed</p>
<p class="">This should be hidden</p>
</div
浏览 2提问于2012-11-26得票数 76
回答已采纳
当多个Transformer对象存储在一个数组中时，on()事件只返回transAry(transAry[transAry.length-1])的最后一个对象。
for (var i = 0; i < transAry.length; i++){
var trans = transAry[i];
trans.on('transformer dragmove', function(){
console.log(trans.x(), trans.y(), trans.scaleX(), trans.scaleY());
});
}
在这种情况下，当通过鼠标
浏览 5提问于2021-01-15得票数 1
回答已采纳
1回答
我试图在单击链接时调用javascript函数。实际上，我想提交一个使用post方法点击链接的表单，所以我试图做以下工作-
<a href="javascript:submitCategory(this)" >Handicrafts</a>
和javascript
function submitCategory(varthis)
{
alert(varthis.value);
}
我有几个重要的问题: 1>When，我点击submitCategory函数被调用两次的链接。经过大量的分析发现，我包含了两个js文件，其中一个文件被删除，函
浏览 2提问于2013-07-04得票数 1
1回答
我一直在试验PHP转发到创建一个模态窗口的末尾，该窗口在当前页面上只显示一个链接，没有模态脚本。
使用PHP，您可以这样转发：
<?php
header( "Location: http://example.com" );
此外，您还可以使用其他URL方案转发，例如您可以打开如下所示的SMS消息：
<?php
header( "Location: sms:867-5309" );
例如，您可以让"“在支持设备上启动短消息会话，还可以保持打开的页面。
我还看到人们使用URL Scheme " javascript :“从浏览器地址栏或书
浏览 3提问于2014-02-22得票数 4
回答已采纳
1回答
被裁剪的svg元素
、、、
有人知道为什么会出现上面图片中显示的行为吗？在第一个图像中，svgArcs容器的x和y坐标设置为零，因此中心位于左上角，仅显示右下角，这与预期不谋而合。在第二张图片中，我移动了容器，但仍然只显示了右下角。我张贴了文档结构，也许你可以看看，然后告诉我发生了什么。
浏览 1提问于2015-06-06得票数 2
1回答
我有带有类.headerRightZone的容器，这个容器有带有类.btn的元素，其中有些有类.hidden
目标:我需要选择(写选择器)最后一个可见按钮(没有.hidden类的按钮)按钮
myhtml.html
<div class="headerRightZone">
<a href="javascript: void(0)" class="btn">Button 1</a>
<a href="javascript: void(0)" class="btn"&g
浏览 0提问于2016-11-23得票数 0
1回答
我得到了从数据库中提取的结果，结果中的每一项都是一个图表中的一个系列。
我能够更新该图表，但结果的最后一个元素只显示在图表中。这个可能会有什么问题呢？
for (i = 0; i < objResult.length; i++) {
temperatureRender.updateSeries([{
name: objResult[i].TankName,
data: objResult[i].TankLogs
}]);
}
它显示了系列，但只显示了我添加的最后一个系列。
浏览 0提问于2020-06-29得票数 0
回答已采纳
好的，首先，我当前有4个div具有相同的id，例如：
<div id='name'></div>
<div id='name'></div>
<div id='name'></div>
<div id='name'></div>
而我目前正在使用javascript函数来显示div的值，例如：
function divCheck(){
alert(document.getElementById('name
浏览 0提问于2011-10-04得票数 1
回答已采纳
由于某种原因，我的javascript代码中的innerHTML正在锁定其他javascript函数，我不知道为什么.这是锁定其他文件的javascript。
var city = $('#search-bar').val();
$.ajax({
url: '/Index/getWeatherSearch',
data: { city: city },
//async: false,
error: function (resp) {
浏览 3提问于2014-03-28得票数 0
回答已采纳
我试图在浏览器地址栏中执行以下操作：
javascript:document.getElementById('Input').value='0'
但是它做了一些完全不同的事情，只在屏幕上显示0。为什么会发生这种情况，以及如何正确地执行JavaScript以使用地址栏将0赋值为#input的值。
浏览 5提问于2011-04-23得票数 1
回答已采纳
我正在试着写一个测试指令，只在网页上显示一些标记。由于某些原因，当我尝试使用AngularJS的angular.element()函数更新标记时，它只显示对象的可视表示。非常类似于从浏览器中查看JavaScript对象。
[[object HTMLInputElement], [object HTMLSpanElement], [object HTMLBRElement]]
这是我的模板页面，我只是吐出指令，它太简单了。
<div my-sample></div>
我的指令是这样的，
eventsApp.directive('mySample', fun
浏览 10提问于2017-08-28得票数 0
回答已采纳
我想在JavaScript:中完成什么？
我试图将一个常量屏幕记录保存为数组，每秒钟都是数组的一个元素，我试图使数组的最大长度达到10秒，即10秒。当我停止屏幕录制时，我需要能够将这个10元素数组保存为我可以保存在机器上的视频。
为什么我要在JavaScript中实现这一点？
我想用javascript.I模仿NVIDIA的影子游戏，不想通过疯狂的长视频录制来消耗大量的硬件资源，然后只保存最后十秒钟的。
下面是重要的代码片段。现在这样做的是，返回数组的整个长度，只要超过10秒--我不想这样做--我只需要最后10秒，所以如果是20秒，它就会返回20秒。在最后1秒之前，它还会以不移动的混乱像素的形
浏览 8提问于2022-04-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
