是这样
<form name="form">
<input type="text" name="id" value="123">
<input type="button" name="button" value="更新" onclick="checkForm()">
<input type="hidden" name="id" value="456">
<input type="button" name="button" value="更新" onclick="checkForm()">
</form>
吗?
上面的是:
<form name="form">
<input type="text" name="id" value="123">
<input type="button" name="button" value="更新" onclick="checkForm()">
<input type="hidden" name="id" value="456">
<input type="button" name="button" value="更新" onclick="checkForm()">
</form>
...............??????????
呵呵,因为 W3C DOM 中空格或者换行被认为是一个文字节点,所以你写的 previousSibling 指向的就是这个换行符,所以你如果你有空格或者换行,必须这样子用
event.srcElement.previousSibling.previousSibling.value
才可以,要不就别留空格或者换行
分享到:
相关推荐
- **兄弟节点**:使用`nextSibling`和`previousSibling`属性可以访问一个节点的下一个和前一个兄弟节点。 #### 2.3 获取节点信息 - **节点类型**:使用`node.nodeType`可以获取节点类型。例如,元素节点返回1,属性...
- 兄弟节点关系:`nextSibling`和`previousSibling`找到相邻元素。 7. **DOM动画** - 使用`requestAnimationFrame`实现平滑的动画效果。 - 修改CSS属性(如`transform`和`opacity`)进行动画操作。 8. **实践...
- Traversing DOM:使用firstChild、nextSibling、previousSibling等遍历DOM树。 - CSS选择器:掌握CSS3选择器,如类选择器、ID选择器、属性选择器等,用于更精确地选取元素。 7. **DOM性能优化** - 少操作DOM:...
5. **遍历DOM树**:使用parentNode、childNodes、nextSibling和previousSibling等属性遍历DOM结构。 ### JavaScript与DOM结合应用 1. **动态内容更新**:通过JavaScript和DOM,可以在不刷新页面的情况下更新内容,...
- DOM遍历:父节点(parentNode)、子节点(childNodes)、兄弟节点(nextSibling, previousSibling) - DOM操作:改变元素样式、内容、位置 - 事件模型:捕获阶段、目标阶段、冒泡阶段 - CSS选择器:类选择器、...
5. **遍历DOM**:利用`childNodes`、`children`、`nextSibling`、`previousSibling`等属性和方法,可以遍历和操作DOM树中的元素。 ### 三、DOM编程技巧 1. **DOM性能优化**:频繁的DOM操作会降低页面性能,因此...
- element.nextSibling和element.previousSibling:分别返回当前元素的下一个兄弟结点和上一个兄弟结点。 3. 获得结点信息: - nodeName属性:获取结点的名称,对于元素节点是标签名,对于属性节点是属性名,对于...
11. **DOM遍历和选择**:了解和使用DOM遍历方法(如`parentNode`, `childNodes`, `nextSibling`, `previousSibling`等)和选择器API(如`querySelectorAll`)。 12. **JavaScript性能优化**:如何避免内存泄漏,...
- 在示例中,`document.body.firstChild.innerHTML`尝试获取body的第一个子节点的innerHTML,但由于body的第一个子节点是文本节点,所以输出为`undefined`。而`document.body.firstElementChild.innerHTML`则返回了...
- DOM遍历:`childNodes`, `firstChild`, `lastChild`, `nextSibling`, `previousSibling`等。 8. **AJAX与Fetch API**: - 异步获取和发送数据,实现页面无刷新更新。 - XMLHttpRequest对象是AJAX的基础,Fetch...
9. **DOM遍历与树形结构**:如NodeList、ChildNode、ParentNode接口,以及traversal方法如firstChild、lastChild、nextSibling、previousSibling等。 10. **BOM(浏览器对象模型)**:与浏览器交互的部分,如窗口...
12. **DOM遍历和操作**:如parentElement、children、nextSibling、previousSibling等属性,以及appendChild、insertBefore等方法。 13. **动画和定时器**:使用setTimeout和setInterval实现简单的动画效果。 14. ...
18. **DOM遍历**:如querySelector、querySelectorAll、nextSibling、previousSibling等方法,用于查找和操作DOM节点。 19. **响应式设计**:使用媒体查询(media queries)和JS来适应不同设备的屏幕尺寸。 20. **...
9. **DOM遍历和选择**:了解和使用DOM遍历的方法,如childNodes、firstChild、lastChild、previousSibling、nextSibling等,以及选择特定元素的方法,如querySelectorAll和getElementsByClassName等。 10. **错误...
7. **DOM遍历和选择**:学习如何高效地遍历DOM树(parentElement、children、nextSibling、previousSibling等),以及使用CSS选择器(如querySelectorAll)来选取特定的元素集合。 8. **动画与定时器**:使用...
- `firstChild/firstElementChild`、`lastChild/lastElementChild`、`nextSibling/nextElementSibling`、`previousSibling/previousElementSibling`:用于遍历和访问兄弟节点。 - `parentNode`:获取父节点。 - `...
10. **DOM遍历与选择器**:熟练使用DOM遍历方法(如nextSibling、previousSibling、childNodes等)和CSS选择器(如id、class、tag等)选取元素。 "Fresh-Coding-Quiz"项目很可能包含以上这些知识点的实践题目,通过...
7. **DOM遍历和节点操作**:`NodeList`、`ParentNode` 和 `ChildNode` 接口提供了遍历和操作DOM节点的方法,如`childNodes`、`firstChild`、`lastChild`、`nextSibling`、`previousSibling`等。 8. **CSS操作**:...
9. **DOM遍历**:使用parent、child、nextSibling、previousSibling等方法遍历DOM树。 10. **Node.js**:JavaScript运行环境,允许开发者在服务器端使用JavaScript,提供了丰富的文件系统API和网络通信模块。 在...
- 遍历元素:`children`, `parentElement`, `nextSibling`, `previousSibling`属性。 - DOM修改:`innerHTML`, `textContent`, `appendChild`, `removeChild`, `setAttribute`等方法。 3. **事件处理**: - 事件...