javascript --- 利用节点关系访问HTML元素

 <input type="button" value="父节点"onclick="change(curTarget.parentNode);" /><input type="button" value="第一个"onclick="change(curTarget.parentNode.firstChild.nextSibling);" /><input type="button" value="上一个"onclick="change(curTarget.previousSibling.previousSibling);" /><input type="button" value="下一个"onclick="change(curTarget.nextSibling.nextSibling);" /><input type="button" value="最后一个"onclick="change(curTarget.parentNode.lastChild.previousSibling);" />

获取表单元素

<form id="d" action="" method="get"><input name="user" type="text" /> <br /><input name="pass" type="text" /> <br /><select name="color"><option value="red">红色</option><option value="blue">蓝色</option></select> <br /><input type="button" value="第一个" onclick="alert(document.getElementById('d').elements[0].value);" /><input type="button" value="第二个" onclick="alert(document.getElementById('d').elements['pass'].value);" /><input type="button" value="第三个" onclick="alert(document.getElementById('d').color.value);" /></form>

javascript --- 利用节点关系访问HTML元素相关推荐

Qt利用JavaScript访问网页元素(百度博客下载例子)
Qt利用JavaScript访问网页元素(百度博客下载例子) 本站所有文章由本站和原作者保留一切权力,仅在保留本版权信息.原文链接.原文作者的情况下允许转载,转载请勿删改原文内容, 并不得用于商业 ...
JavaScript学习（十四）—元素节点关系和特殊节点
JavaScript学习(十四)-元素节点关系和特殊节点一.元素节点 (1).parentElement: 获取某元素的父元素,它和parentNode的区别是parentElement获取到的值时 ...
java dom 获得子元素_在JavaScript中删除DOM节点的所有子元素
我将如何删除JavaScript中DOM节点的所有子元素? 说我有以下(丑陋的)HTML: hello world 我抓住了我想要的节点,如下所示: var myNode = document.get ...
前端：JS/25/DOM官方定义，DOM分类，HTML节点树（节点关系，节点类型，），核心DOM中公共的属性和方法（节点访问，查找DOM节点，节点属性，节点的创建，追加和删除）
DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...
JavaScript学习（十三）—节点关系
JavaScript学习(十三)-节点关系 1.childNodes属性作用:该属性的作用是获取元素节点下面的所有的子节点,包含空白节点 <body><ul><li&g ...
JavaScript如何查找和访问HTML页面中的HTML元素
JavaScript如何查找和访问HTML页面中的HTML元素 HTML语言中,全部是由标签(标记.tag)组成的.在浏览器内部解析HTML标记时,会转换为成具有特定结构的HTML文档对象模型,这个对 ...
JavaScript的节点操作 —— 增加节点
目录 JavaScript中的节点操作分为:增.删.改.查(获取),四大类型. 我们直接利用案例来学习: HTML布局代码: JavaScript代码实现: 第一步:获取所有要用到的元素对象(可以利用 ...
java的string访问某个元素_C#深究.net常用的23种设计模式之访问者模式（Vistor Pattern）...
一.引言在上一篇博文中分享了责任链模式,责任链模式主要应用在系统中的某些功能需要多个对象参与才能完成的场景.在这篇博文中,我将为大家分享我对访问者模式的理解. 二.访问者模式介绍 2.1 访问者模式 ...
Struts2中访问web元素
1.访问web元素,可以取得Map类型的request,session,application,真实类型为HttpServletRequest,HttpSession,ServletContext的引 ...

javascript --- 利用节点关系访问HTML元素

javascript --- 利用节点关系访问HTML元素相关推荐

最新文章

热门文章