`

javascript:操作父结点和子结点

阅读更多
<html>
<head></head>
<body>
<table>
   <tr>
    <td><input type="checkbox"/></td>
    <td id="baidu"><a href="www.baidu.com" onclick="test(this);return false;">百度</a></td>
   </tr>
   <tr>
    <td><input type="checkbox"/></td>
    <td><a href="www.google.com" onclick="test(this);return false;">Google</a></td>
   </tr>
</table>
</body>
</html>
<SCRIPT LANGUAGE="JScript">
function test(obj){ 
//alert(obj.parentElement.id);
var nodeList=obj.parentElement.parentElement.childNodes;
alert(nodeList[0].childNodes[0].tagName);
alert(nodeList[0].childNodes[0].type);
alert(nodeList[0].childNodes[0].checked);
nodeList[0].childNodes[0].checked="checked";

}
</SCRIPT>
分享到:
评论

相关推荐

    教你javascript克隆dom结点,浅复制结点,深复制结点

    教你javascript克隆dom,浅复制dom,深复制dom

    javascript对于DOM的操作

    document 树结点 parentElement 父元素 parentNode 父结点 childNodes 所有子结点 有s哦 firstChild 第一个子结点 lastChild 最后一个子结点 nextSibling 下一个兄弟结点 previousSibling 上一个兄弟结点

    awesome-coding-javascript::pushpin:持续构建个人的二进制库(JavaScript本机,常用库,数据结构,算法)

    很棒的javascript代码 :pushpin:持续建立个人的原始码库,更多信息请看这篇。 1. JavaScript原生和常用方法的代码实现 /实现 实现 实现 深拷贝实现 节流实现 防抖实现 ...中发现二叉树中结点值的和为

    基于C++和JavaScript实现网络图的构建.zip

    输入任意两个结点,可以输出结点间的最短路径(path:x-y-z)和这条最短路径的权值(weight),使用了Dijkstra算法。爬虫的实现没有调用scrapy包,手动实现了爬虫的功能。 1.网络图的构建 2.核心算法的实现 3.算法可视化 ...

    了解javascript中的Dom操作

    1.文本节点和属性结点都看作元素结点的子结点 2.我们一般所说的结点指的就是元素结点,将html标签看作是一个对象,并用“结点”称呼它 3.结点的关系有:父子关系、兄弟关系 1.获取元素结点 1)直接获取 ① document...

    Javascript 文档管理器

    在新窗口中选择父节点, 将移动整个子节点树到新的父节点下. 5. 上下移动: 点击上箭头和下箭头来移动当前节点. 6. 添加文档内容: 选中节点,点击"编辑", 即可实现文本输入. 可以改变选中的文本的大小,颜色,状态等. 7...

    红黑树的插入详解及Javascript实现方法示例

    这里的叶结点并不是指上图中结点1,5,8,15,而是指下图中值为null的结点,它们的颜色为黑色,且是它们父结点的子结点。 性质4,如果一个结点是红色的(图中用白色代替红色),则它的两个子结点都是黑色的,例如结点2,5...

    用JavaScript做成的前台树状菜单

    利用JavaScript做成的树状菜单,支持在菜单中添加CheckBox选中与否和结点图片与链接。 在做成的JS文件中可设定菜单中结点的打开和关闭图片,结点前的CheckBox存在与否,选择与否,还能设定树状菜单的行间隔长度,...

    基于SSM框架的企业级CRM系统源码

    项目名称:基于SSM框架的企业级CRM系统 技术栈: ...本项目基于学习动力结点教程开发的企业级客户关系管理(CRM)系统,适合作为Java企业级应用开发的实践案例,涵盖前端展示与后端逻辑处理的全方位实现。

    用ASP和JavaScript实现网页上的动态分级目录

    一个界面友好的网页或应用程序是离不开分级目录的,在这里主要介绍一种用ASP技术和javascript来实现动态分级目录的方法。动态分级目录,即网页上所显示分级目录的各个结点是以一定的数据结构存储在数据库中的,因此...

    基于JQUERY的WEB在线流程图设计器GooFlow

    在对结点、连线、分组区域的各种编辑操作,如新增/删除/修改名称/重设样式或大小/移动/标注时,均可捕捉到事件,并触发自定义事件,如果自定义事件执行的方法返回FALSE,则会阻止操作。 ? 具有操作事务序列控制...

    图文详解Heap Sort堆排序算法及JavaScript的代码实现

    通常子树被称作“左子树”(left subtree)和“右子树”(right subtree)。二叉树常被用于实现二叉查找树和二叉堆。 二叉树的每个结点至多只有二棵子树(不存在度大于 2 的结点),二叉树的子树有左右之分,次序不...

    javascript使用appendChild追加节点实例

    主要介绍了javascript使用appendChild追加节点的方法,实例分析了appendChild()函数增加结点的使用技巧,需要的朋友可以参考下

    cambridge_node_exercise:结点练习

    cambridge_node_exercise 结点练习; 0

    精通JavaScript

    • 2.14.htm 使用值的数据操作 • 2.15.htm 对数据的引用执行 • 2.16.htm 字符串的比较 第3章(\第3章) • 3.1.htm 表达式示例 • 3.2.htm 加号运算符应用 • 3.3....

    结点

    结点

    数据结构课程设计社交网络图算法及图结构可视化的设计与实现

    数据结构课程设计社交网络图算法及图结构可视化的设计与实现,使用的JavaScript语言,带有图可视化的功能,包含有word报告。在canvas技术支持赋能下,基于图的连接表储存方式,以及基于《数据结构》当中的DFS(深度...

    JavaScript基本语法

    JavaScript基本语法 document方法: getElementById(id) Node 返回指定结点的引用 getElementsByTagName(name) NodeList 返回文档中所有匹配的元素的集合 createElement(name) Node Node createTextNode(text) ...

    Javascript实现的超炫组织结构图

    Javascript实现的超炫组织结构图 支持动态效果 支持JQuery 支持JSON数据格式 支持动态填充数据 支持拖拽 支持结点展开收缩 支持变换根结点 支持结点形状变换(矩形、椭圆型、圆形、五角星等) 支持线条样式变换 支持...

    JavaScript 常用函数库详解

    代码如下: //这个方法相信是最常用的了, //它虽然没有选择器那么强大,但也有个小增强版,可查指定结点下ID所在的子元素 function $(id, p) { //id是否是字符串,还是一个HTML结点 var iss = id instanceof String ...

Global site tag (gtag.js) - Google Analytics