`
zyc1006
  • 浏览: 133917 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

DOM previousSibling nextSibling undefined

    博客分类:
  • Java
 
阅读更多

是这样
<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

才可以,要不就别留空格或者换行

分享到:
评论

相关推荐

    DOM_参考手册.pdf

    - **兄弟节点**:使用`nextSibling`和`previousSibling`属性可以访问一个节点的下一个和前一个兄弟节点。 #### 2.3 获取节点信息 - **节点类型**:使用`node.nodeType`可以获取节点类型。例如,元素节点返回1,属性...

    JavaScript DOM编程艺术 源代码.rar code

    - 兄弟节点关系:`nextSibling`和`previousSibling`找到相邻元素。 7. **DOM动画** - 使用`requestAnimationFrame`实现平滑的动画效果。 - 修改CSS属性(如`transform`和`opacity`)进行动画操作。 8. **实践...

    JavaScriptDOM编程艺术及源代码

    - Traversing DOM:使用firstChild、nextSibling、previousSibling等遍历DOM树。 - CSS选择器:掌握CSS3选择器,如类选择器、ID选择器、属性选择器等,用于更精确地选取元素。 7. **DOM性能优化** - 少操作DOM:...

    Javascript+DOM编程艺术

    5. **遍历DOM树**:使用parentNode、childNodes、nextSibling和previousSibling等属性遍历DOM结构。 ### JavaScript与DOM结合应用 1. **动态内容更新**:通过JavaScript和DOM,可以在不刷新页面的情况下更新内容,...

    JavaScript and HTML DOM Reference @w3school

    - DOM遍历:父节点(parentNode)、子节点(childNodes)、兄弟节点(nextSibling, previousSibling) - DOM操作:改变元素样式、内容、位置 - 事件模型:捕获阶段、目标阶段、冒泡阶段 - CSS选择器:类选择器、...

    js看书笔记

    5. **遍历DOM**:利用`childNodes`、`children`、`nextSibling`、`previousSibling`等属性和方法,可以遍历和操作DOM树中的元素。 ### 三、DOM编程技巧 1. **DOM性能优化**:频繁的DOM操作会降低页面性能,因此...

    DOM 基本方法

    - element.nextSibling和element.previousSibling:分别返回当前元素的下一个兄弟结点和上一个兄弟结点。 3. 获得结点信息: - nodeName属性:获取结点的名称,对于元素节点是标签名,对于属性节点是属性名,对于...

    JavaScript80例

    11. **DOM遍历和选择**:了解和使用DOM遍历方法(如`parentNode`, `childNodes`, `nextSibling`, `previousSibling`等)和选择器API(如`querySelectorAll`)。 12. **JavaScript性能优化**:如何避免内存泄漏,...

    Js中节点的遍历和操作

    - 在示例中,`document.body.firstChild.innerHTML`尝试获取body的第一个子节点的innerHTML,但由于body的第一个子节点是文本节点,所以输出为`undefined`。而`document.body.firstElementChild.innerHTML`则返回了...

    JavaScript完整案例

    - DOM遍历:`childNodes`, `firstChild`, `lastChild`, `nextSibling`, `previousSibling`等。 8. **AJAX与Fetch API**: - 异步获取和发送数据,实现页面无刷新更新。 - XMLHttpRequest对象是AJAX的基础,Fetch...

    JS技巧200例.rar

    9. **DOM遍历与树形结构**:如NodeList、ChildNode、ParentNode接口,以及traversal方法如firstChild、lastChild、nextSibling、previousSibling等。 10. **BOM(浏览器对象模型)**:与浏览器交互的部分,如窗口...

    JavaScript脚本80例

    12. **DOM遍历和操作**:如parentElement、children、nextSibling、previousSibling等属性,以及appendChild、insertBefore等方法。 13. **动画和定时器**:使用setTimeout和setInterval实现简单的动画效果。 14. ...

    JavaScript网页设计常用300示例

    18. **DOM遍历**:如querySelector、querySelectorAll、nextSibling、previousSibling等方法,用于查找和操作DOM节点。 19. **响应式设计**:使用媒体查询(media queries)和JS来适应不同设备的屏幕尺寸。 20. **...

    challengeThreeIgnite

    9. **DOM遍历和选择**:了解和使用DOM遍历的方法,如childNodes、firstChild、lastChild、previousSibling、nextSibling等,以及选择特定元素的方法,如querySelectorAll和getElementsByClassName等。 10. **错误...

    VanillaJS

    7. **DOM遍历和选择**:学习如何高效地遍历DOM树(parentElement、children、nextSibling、previousSibling等),以及使用CSS选择器(如querySelectorAll)来选取特定的元素集合。 8. **动画与定时器**:使用...

    学习javascript必须掌握的基础知识.pdf

    - `firstChild/firstElementChild`、`lastChild/lastElementChild`、`nextSibling/nextElementSibling`、`previousSibling/previousElementSibling`:用于遍历和访问兄弟节点。 - `parentNode`:获取父节点。 - `...

    Fresh-Coding-Quiz:由简单的编程编码测验组成的程序,用于测试您的知识

    10. **DOM遍历与选择器**:熟练使用DOM遍历方法(如nextSibling、previousSibling、childNodes等)和CSS选择器(如id、class、tag等)选取元素。 "Fresh-Coding-Quiz"项目很可能包含以上这些知识点的实践题目,通过...

    haesookma.github.io

    7. **DOM遍历和节点操作**:`NodeList`、`ParentNode` 和 `ChildNode` 接口提供了遍历和操作DOM节点的方法,如`childNodes`、`firstChild`、`lastChild`、`nextSibling`、`previousSibling`等。 8. **CSS操作**:...

    FoodAndDrinks

    9. **DOM遍历**:使用parent、child、nextSibling、previousSibling等方法遍历DOM树。 10. **Node.js**:JavaScript运行环境,允许开发者在服务器端使用JavaScript,提供了丰富的文件系统API和网络通信模块。 在...

    JavaScript30:30天JavaScript编码挑战

    - 遍历元素:`children`, `parentElement`, `nextSibling`, `previousSibling`属性。 - DOM修改:`innerHTML`, `textContent`, `appendChild`, `removeChild`, `setAttribute`等方法。 3. **事件处理**: - 事件...

Global site tag (gtag.js) - Google Analytics