js部分
<script type="text/javascript" src="js/jquery.min.js"></script>
<style>
.jj{
width:100px;height:60px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
var array = new Array();
array = document.getElementsByName("counts");
var i=0;
while(i<array.length){
var cou_1 = parseInt(array[i].getAttribute("cou_1"));
var cou_2 = parseInt(array[i].getAttribute("cou_2"));
//array[i].previousSbiling.innerHTML="--"+(cou_1+cou_2);
array[i].parentNode.innerHTML="-----"+cou_1;
//alert(array[i].parentNode.innerHTML)
//alert(x.parentNode.getAttribute("id"));
i++;
}
});
</script>
页面部分
<div id="a1" class="jj" style="background-color:#E7ABAB">
<input type="hidden" id="cou_1" name="counts" cou_1="10" cou_2="12" />
</div>
<div id="a2" class="jj" style="background-color:#E7ABAB">
<input type="hidden" id="cou_2" name="counts" cou_1="10" cou_2="12" />
</div>
<div id="a3" class="jj" style="background-color:#E7ABAB">
<input type="hidden" id="cou_3" name="counts" cou_1="10" cou_2="12" />
</div>
<div id="a4" class="jj" style="background-color:#E7ABAB">
<input type="hidden" id="cou_4" name="counts" cou_1="10" cou_2="12" />
</div>
效果不一样啊，控制台不报错
测试：
直接alert()父元素的id值 没问题，为啥 给父元素 添加内容出现 跳步现象了啊？？？
求指教！！！
问题补充：直接给当前元素赋值 array[i].value="-----"+(cou_1+cou_2); 这个没有问题
问题补充：array[i].parentNode.setAttribute("id",""+(cou_1+cou_2)) 给父元素的属性赋值 也没问题
添加评论
关注(0)
相关推荐
需要注意的是，Vue.js中每个v-for循环的数组元素本身也可以包含一个v-for循环，以此达到嵌套遍历的目的。 在文档中提及的示例代码中，我们看到父列表parentList包含多个子列表childList，每个子列表中包含有多个...
4. **添加子节点**：如果找到了父节点，将当前元素作为子节点添加到父节点的`children`数组中。如果没找到，可能需要将其暂时存储，待后续查找父节点时再添加。 5. **处理环状引用**：确保处理环状引用，即一个节点...
JavaScript中的循环控制主要通过for循环、while循环或do...while循环来实现，但本文中的示例使用了递增计数器（thisAd++）和判断数组长度来实现循环，即if(thisAd==adImages.length){thisAd=0;}这样的条件判断来控制...
这是因为在JavaScript（以及Flash ActionScript）中，数组的索引是从0开始的，所以数组的最后一个元素的索引是`length - 1`。我们使用`for`循环遍历数组，通过`trace()`函数打印出每个元素，以便在Flash的输出窗口中...
11. **事件委托**：利用事件冒泡原理，将事件监听器添加到父元素上，从而减少内存消耗和提高性能。 12. **跨域通信**：CORS、JSONP等方法，解决不同源策略带来的限制。 13. **前端框架与库**：如果源码包含相关...
在JavaScript（JS）前端开发中，掌握页面加载事件、数组操作、DOM节点操作以及循环和分支结构是非常重要的。下面将详细讲解这些知识点。 1. **页面加载事件**： - `window.onload` 事件是在整个页面包括所有资源...
此外，JavaScript中的对象是其灵活性的关键，通过字面量表示法和构造函数，你可以创建和操作包含属性和方法的对象。 在JavaScript中，作用域和闭包是理解其内存管理的关键。作用域决定了变量的可见性和生命周期，而...
数组在游戏编程中广泛使用，`push`, `pop`, `shift`, `unshift`, `slice`, `map`, `filter`等方法帮助处理和操作游戏数据。 9. **事件委托**： 为了提高性能和减少内存消耗，游戏可能使用事件委托。在某个父元素...
1. **数组操作**：通常我们会将所有要展示的略缩图存储在一个数组中，然后通过JavaScript对数组进行操作，实现图片的循环显示。这包括数组的push和shift方法，用来模拟数组元素的首尾移动。 2. **CSS定位**：为了...
五、JavaScript数组和集合方法 JavaScript的数组提供了一系列高效的方法，如map、filter、reduce、forEach等，用于操作和处理数据。例子中可能演示如何利用这些方法实现数组的转换、过滤、累加等功能，提升代码的...
接着，JavaScript数组和循环结构的应用也不可或缺。可以创建一个数组，存储每篇文章的文字和对应图片的URL。然后，使用for循环遍历数组，根据当前鼠标位置对应的数组索引来显示正确的图片。同时，可以结合DOM操作，...
以上知识点都是JavaScript面试中常见的问题，涵盖了基础知识、数组操作、数据类型、条件语句、循环语句、函数、闭包、作用域、预解析和DOM操作等方面。掌握这些知识点对于参加前端技术面试来说非常关键。
12. **事件委托**：利用事件冒泡机制，将事件监听器添加到父元素，从而减少内存占用和提高性能。 13. **正则表达式**：用于文本模式匹配和查找，如`/pattern/flags`。 14. **错误处理**：`try...catch`语句用于...
JavaScript的核心特性包括变量、数据类型（如字符串、数字、布尔值、对象、数组、null和undefined）、操作符（算术、比较、逻辑、三元）、控制流程（条件语句、循环、函数调用）和错误处理。手册中可能详细介绍了...
14. **Web组件**：自定义元素和Shadow DOM，实现可复用的代码模块。 通过深入学习并动手实践这些例题，你将能够逐步掌握JavaScript的基本用法和高级技巧，为后续的Web开发打下坚实基础。在学习过程中，建议先理解每...
DOM（文档对象模型）是JavaScript操作HTML的核心技术，书中对DOM的讲解包括获取父节点和子节点（DOM: Parents and children）、查找子节点（DOM: Finding children）、处理DOM中的无用部分（Junk artifacts and ...
- **数组**：处理一组有序的数据，支持多种遍历和操作方法。 - **原型链**：理解对象之间的继承关系，以及如何通过原型链访问和修改属性。 4. **事件与DOM操作** - **事件处理**：学习如何监听和响应用户的交互...
8. **事件委托**：为了提高性能，可以使用事件委托，只在父元素上绑定一次事件监听器，通过event.target判断触发事件的具体元素。 9. **图片预加载**：为了避免用户在点击图片时出现延迟，可以预先加载下一张图片，...
JavaScript 获取指定节点父节点、子节点的方法 在实际的开发中，我们经常需要获取页面中某个 HTML 元素，动态更新该元素的样式、内容属性等。那么如何获取要更新的这些元素呢？用 JavaScript 获取这些节点的方法有...
8. **事件委托**：利用事件冒泡或事件捕获原理，将事件监听器添加到父元素，以处理子元素的事件，提高性能并减少代码量。 9. **函数式编程**：JavaScript支持高阶函数和函数作为一等公民的概念，可以实现函数式编程...