Javascript中parentNode的用法

?





1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>

    <title></title>

    <script type="text/javascript">

        window.onload = function
() {

            //取出所有的a标签

            var
oUl = document.getElementById("ul1");

            var
aA = oUl.getElementsByTagName("a");

            for
(var
i = 0; i < aA.length; i++) {

                //给每个a标签注册事件

                aA[i].onclick = function
() {

                    //this是当前元素,parentNode  是单数，因为每个节点，只有一个父节点！有多个子节点

                   this.parentNode.style.display = "none";

                }

            }

        }

    </script>

</head>

<body>

    -----------点击“隐藏” 隐藏每行中的文字-----------

    <ul id="ul1">

        <li>电风扇发<a href="javascript:void(0)">隐藏</a></li>

        <li>电松岛枫扇发<a href="javascript:void(0)">隐藏</a></li>

        <li>大幅度<a href="javascript:void(0)">隐藏</a></li>

        <li>合格后<a href="javascript:void(0)">隐藏</a></li>

        <li>的发的发的我<a href="javascript:void(0)">隐藏</a></li>

    </ul>

</body>

</html>

　　

时间： 2024-10-15 21:13:31

Javascript中parentNode的用法的相关文章

javascript中NaN的用法

NaN是一个特殊的数值,任何数值除以0会返回NaN,不会影响其他代码的执行(其实为0/0为NaN,正数除以0得到infinity,负数除以0得到负的infinity) 它的特点为: 1.任何涉及NaN的操作都返回NaN 2.NaN与任何值都不相等,包括NaN 它涉及到的函数为isNaN();该函数接受一个参数,该参数可以是任何类型 javascript中NaN的用法,布布扣,bubuko.com

javascript中parentNode,childNodes,children的应用详解

本篇文章是对javascript中parentNode,childNodes,children的应用进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 "parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 例: <div id="parent"><b id="child">My text</b></div> 在上面的代码中, 你看

JavaScript 中 this 的用法

在 JavaScript 中,this 是动态绑定,或称为运行期绑定的.一般而言,在Javascript中,this 指向函数执行时的当前对象. 由于其运行期绑定的特性,JavaScript 中的 this 可以是全局对象.当前对象或者任意对象,这完全取决于函数的调用方式.JavaScript 中函数的调用有以下几种方式:没有明确的调用对象,作为对象方法调用,使用 new 关键字作为构造函数调用,和使用 apply. call 和 eval 调用. 没有明确的当前对象时 当没有明确的执行时的当前

译：理解并掌握 JavaScript 中 this 的用法

原文链接:http://javascriptissexy.com/understand-javascripts-this-with-clarity-and-master-it/ 文章描述:本文原文来自 Javascript.isSexy 这个网站.这篇文章和文中提到的另一篇文章解决了我一直以来对 this 和 apply, call, bind 这三个方法的困惑.我看过很多国内相关的技术文章,没有一篇能让我彻底理解这些概念的.因此我决定把它译过来,不要让更多的初学者像我一样在这个问题上纠结太长时

javascript中console的用法

Javascript的console.log()用法 //变量var i = 'I am a string';console.log('变量:',i); //数组var arr = [1,2,3,4,5];console.log('数组:',arr); //对象var obj1 = {key1 : 'value1',key2 : 'value2',key3 : 'value3'};var obj2 = {key6 : 'value4',key5 : 'value5',key4 : 'value6

JavaScript中Cookie的用法

Javascript中Cookie主要存储于客户端的计算机中,用于存放已访问的站点信息,Cookie最大约为4k.以下实例主要用于页面在刷新时保存数据,具体的用法如下所示: <html> <head><title></title> </head> <body> <script type="text/javascript"> window.onload = function () { PersentVal

理解并掌握 JavaScript 中 this 的用法[转]

本文原文来自 Javascript.isSexy 这个网站 来源:code.mforever78.com JavaScript this 用法基础 理解 JavaScript this 的关键 在全局作用域中使用 this this 最容易被误解和难以掌握的情景 1. 解决当包含 this 的方法被当做回调函数时遇到的问题 2. 解决当 this 出现在闭包内遇到的问题 3. 解决把一个 this 方法 赋给一个变量时出现的问题 4. 解决当借用方法的时候 this 的值不正确的问题 结语 我们

JavaScript中一些怪异用法的理解

引言 JavaScript这门语言有些场合的用法还是比较怪异的.这篇文章会尽量将这门语言特有的一些比较特殊的用法收集在一起.就当是平时开发时需要注意的地方吧. 特殊用法收集 1.!!用法 在JavaScript中经常看到判断一个对象是否有某一个属性或者在进行客户端检测的时候会出现!!这个用法.相信大家都看到过var isIE=!!document.all这样的代码把.那为什么需要使用!!呢? !!作用就在于:如果明确设置了对象中属性的值(非 null/undefined/0/""等值)

javascript中的继承用法

本文实例汇总了javascript关于继承的用法,希望本文所述对大家的javascript程序设计有所帮助.分享给大家供大家参考.具体如下:代码如下: /** * 实现子类继承父类,但不会产生多余的属性和方法 * @returns {Function} */ define(function(){ return function(subType, superType){ var proto = new Object(superType.prototype); proto.constructor =