关于childnodes的length属性

pkuxmuflsk 2011-11-15 01:53:41

小弟学习javascript的权威指南，有如下代码

<html>

	<head>

	<script>

		function upcase(n)

		{

			if(typeof n==3)

			{

				n.data=n.data.toUpperCase();

			}

			else

			{

				kids=n.childNodes;

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

				{

					upcase(kids[i]);

				}

			}

		}

	</script>

	</head>

	<body>

		<ul id='list'>

			<li>one</li>

			<li>two</li>

			<li>three</li>

			<li>four</li>

		</ul>

		<button onclick="upcase('list')">Upcase</button>

	</body>

</html>

但是执行的时候却报错"kids.length对象为空或不是对象"，小弟百思不得其解，请求给位帮助下，谢谢

...全文

155 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

三石-gary 2011-11-15

打赏
举报

解决方法共享下。。

pkuxmuflsk 2011-11-15

打赏
举报

啊，我就是想把里面的Text都编程大写，我已经搞定了，感谢您的回复！[Quote=引用 4 楼 liangws 的回复:]

楼主究竟想做什么？？
[/Quote]

liangws 2011-11-15

打赏
举报

楼主究竟想做什么？？

pkuxmuflsk 2011-11-15

打赏
举报

原来如此，那我如何修改，我改成如下代码，还是不行啊？！



<html>

    <head>

    <script>

        function upcase(n)

        {

            if(typeof n=='string')

			{

				n=document.getElementById(n);

			}

			if(typeof n==3)

            {

                n.data=n.data.toUpperCase();

            }

            else

            {

                kids=n.childNodes;

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

                {

                    upcase(kids[i]);

                }

            }

        }

    </script>

    </head>

    <body>

        <ul id='list'>

            <li>one</li>

            <li>two</li>

            <li>three</li>

            <li>four</li>

        </ul>

        <button onclick="upcase('list')">Upcase</button>

    </body>

</html>