js parentElement
<a href="http://sighttp.qq.com/cgi-bin/check?sigkey=a495e8ecdb9706da396929cf00ab6994683579aeb480e95867f7b027880b6b257ff6c38e3045a766df65e31bee05acefa20b053ae86d798501cb768fb02c84e8"; target=_blank; οnclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&sigkey=a495e8ecdb9706da396929cf00ab6994683579aeb480e95867f7b027880b6b257ff6c38e3045a766df65e31bee05acefa20b053ae86d798501cb768fb02c84e8';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;"><img border="0" SRC='http://wpslogo.qq.com/qq_online.gif' alt="点击这里给我发消息"></a> (点击及可直接咨询)
<html>
<head> </head>
<body>
<form name= "a ">
<table name= "b ">
<tr name= "c " >
<td name= "d " >
<select name= "e " οnchange= "xx(this.parentElement.parentElement.parentElement.name) ">
<option > 1 </option>
<option > 2 </option>
<option > 3 </option>
<option > 4 </option>
</select>
</td>
<td> </td>
</tr>
<tr> </tr>
</table>
</form>
</body>
<script language= "javascript ">
function xx(a)
{
alert(a);
}
</script>
</html>
//输出undefined 为什么了? 不是应该输出b么?
改成 this.parentElement.parentElement.parentElement.parentElement.name 正确输出
其实代码应该这样理解
<table>
<tbody>
<tr>
<td>
</td>
</tr>
有如:
<SCRIPT language="javascript">
function showHide(obj){
var oStyle = obj.parentElement.parentElement.parentElement.rows[1].style;
// obj.parentElement.parentElement.parentElement.rows[1].这里获取的是TABLE 第二行 id为sub的单元行
oStyle.display == "none" ? oStyle.display = "block" : oStyle.display = "none";
}
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY bgColor="#9aadcd" leftMargin="0" topMargin="0" >
<br>
<asp:Repeater ID="LeftMenu" runat="server" OnItemDataBound="LeftMenu_ItemDataBound" >
<ItemTemplate>
<TABLE cellSpacing="0" cellPadding="0" width="159" align="center" border="0" >
<TR >
<TD width="23"><IMG height="25" src="data:images/Menu/box_topleft.gif" width="23"></TD>
<TD class="ttl"
οnclick="JavaScript:showHide(this);" width="129" background="images/Menu/box_topbg.gif"><%# Eval("M_CName")%></TD>
<TD width="7"><IMG height="25" src="data:images/Menu/box_topright.gif" width="7"></TD>
</TR>
<TR style="DISPLAY: none" id="sub">
<TD background='images/Menu/box_bg.gif' colSpan='3'>
<TABLE width='100%'>
<TBODY>
<asp:Repeater ID="LeftMenu_Sub" Runat="server" >
<ItemTemplate>
<TR>
<TD><IMG height='7' hspace='5' src='images/Menu/arrow.gif' width='5' align='absMiddle'>
<asp:HyperLink ID ="Hyperlink1" Runat ="server" Target ="mainFrame" NavigateUrl='<%# Eval("M_Directory")%>'>
<%# Eval("M_CName")%>
</asp:HyperLink>
</TD>
</TR>
</ItemTemplate>
</asp:Repeater>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD colSpan="3"><IMG height='10' src='images/Menu/box_bottom.gif' width='159'></TD>
</TR>
</TABLE>
</ItemTemplate>
</asp:Repeater>
</BODY>
</html>
转载于:https://www.cnblogs.com/chenghm2003/archive/2009/02/13/1389563.html
js parentElement相关推荐
- parentElement 与 parentNode 的区别
首先,您需要知道元素和节点之间的区别.总之,元素是一种特殊类型的节点,它表示 DOM 树中的单个节点.它不仅可以是元素,还可以是注释.文档.文本节点等. 在大多数情况下,parentElement 和 ...
- 【前端 HTML+CSS+JavaScript(JS)】DOM练习-购物车的实现 ~ElementSibling parentElement children 事件的绑定与带注释/总结
效果: 总结: 1.event.target和this似乎一致,自行查阅. 2.绑定事件方法:在带有括号(需要传参)时,一定要在外面带上引号,因为不加引号的话意为直接调用函数. <input t ...
- js DOM parentElement parentNode - Kaiqisan
js DOM parentElement parentNode ヤッハロー.Kaiqisanすうう.一つふつうの学生プログラマである,这篇文章不完全算是我的原创文章,有相当一部分是从别的网站借鉴来的, ...
- js中parentNode和parentElement的区别和用法
了解本篇的基础必须知道什么是节点,关于html dom节点知识点和节点类型的知识,分别看<js节点都有哪些类型?怎么判断是哪种节点类型?>和<js属性节点获取和移除>,下面直接 ...
- js中parentNode,parentElement,childNodes,children
首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点组成的,节点 ...
- JS中parentNode和parentElement的区别
参考文章 以一个网页作为例子: <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
- js点击事件 获取父级元素的时候报错 ( Property ‘parentElement‘ does not exist on type ‘EventTarget‘)
报错: 但是我直接debugger,是能获取到这个值的,但是这样用就报错. 后来在别的答案下面,回答解释说这个只是用来给你debugger调试用的,不能直接在代码里这样直接访问. 解决办法:强制类型转 ...
- 【JS】中parentNode,parentElement,childNodes,children之间的区别
parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. ...
- ie与firefox 关于js 的差别(转载)
png透明 AlphaImageLoader filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,si ...
最新文章
- 猜想 这样做可能让神经网络更经济
- Git之深入解析如何选择修订的版本
- P4144 大河的序列
- 扩展WCF的消息分发行为
- 认知无线电matlab代码详解,认知无线电频谱感知之功率检测matlab代码.docx
- 博客中gitalk最新评论的获取 github api使用
- Nginx笔记-使用Nginx给vue应用设置一个代理
- Tomcat虚拟根目录与虚拟目录
- 如果 AI 技术可以让你永生,你愿意么?
- RH850入门教程序言
- matlab脉冲调制,基于matlab脉宽调制方法的研究
- 数据库“新增字段、删除字段、修改字段“
- Setup Time 、Hold Time、Setup check、Hold check,同步异步 及违例修复
- 首届中国餐饮行业资本品牌创新发展(盐城)论坛圆满举办成功
- wordpress主题框架之Thematic介绍
- 蓝牙LMP剖析(一)
- 360隐私保险箱 vs misuo
- 专题2:matlab矩阵处理
- 电脑端bilibili视频缓存合并视频的解惑
- Effective C++连载