[已解决]JavaScript使用HTML DOM(firstChild)的问题

easefull · 发表于 2011-6-2 09:11:03

本帖最后由 easefull 于 2011-6-4 06:01 编辑

测试环境为：WinXP+IE6.0
测试网页代码如下：

<html>
<head>
<title>firstChild测试页</title>
        <script type="text/javascript">
        function ChangeText()
        {
                var Texts = "Hello baby!";
                var x = document.getElementsByTagName('h1').item(0)
                x.firstChild.nodevalue = Texts;
                <!---x.innerHTML = Texts;--->
        }
</script>
</head>

<body>
        <h1 align="center">Hello World!</h1>
        <button onclick="ChangeText()">换个标题</button>
</body>
</html>

目的是想通过按钮更换标题为"Hello Baby!"

标题内容"Hello World!"应该是h1标签的第一个子标签.
使用 x = document.getElementsByTagName('h1').item(0) 可取得h1的标签对象x
按理来说 x.firstChild.nodeValue应该就是标题的内容.

我想问：
1、.firstChild.nodeValue = Tests 为什么会被IE提示'网页上有错'?
2、以上代码使用au3来编写，则可以实现这效果，这又是什么?

;更改网页文字
#include <IE.au3>
Local $oIE = _IEAttach("firstChild测试页")
Local $oElement = $oIE.document.getElementsByTagName("h1").item(0)
If Not IsObj($oElement) Then MsgBox(48, 0, "ERROR!")
If Not IsObj($oElement) Then Exit
$oElement.firstChild.nodevalue = "Hello baby!"
Exit

komaau3 · 发表于 2011-6-2 12:05:47

本帖最后由 komaau3 于 2011-6-2 12:09 编辑

回复几遍都没看清LZ问题就盲目回复途的什么呢我错了关注！！！

easefull · 发表于 2011-6-2 19:54:23

回复 2# komaau3

兄弟,你屠了10分

jjlau · 发表于 2011-6-2 20:41:27

LZ在autoit里提问HTML和JS的问题，恐怕很难有答案

easefull · 发表于 2011-6-3 04:12:37

本帖最后由 easefull 于 2011-6-3 06:22 编辑

其实这应该也不算是js的问题.
同样是DOM、同样执行环境、调用同样的DOM方法，为什么au3行，js不行。其实我只是在好奇这一点。

再说,JS而已.ACN总不至于没高人的.

easefull · 发表于 2011-6-4 03:28:17

本帖最后由 easefull 于 2011-6-4 03:29 编辑

自己解决了:
原因是,HTML DOM变量命名遵守"骆驼命名法",而JS对变量的大小写敏感,只要按下面的方式编写就可以正确执行:

.firstChild.nodeValue

但这又引申出一个问题:
DOM的对象的属性名称到底需要不需要区分大小写
如果区分大小写,那么为什么au3里面写成全部小写也可以正确执行?
如果不分大小写,那么为什么在JS里面写成全部小写会出错?

komaau3 · 发表于 2011-6-4 19:01:08

回复 3# easefull

NO....................!!!!!!删除帖子扣了10分回复又减了10 ！

		自动登录	找回密码
密码			加入

[IE类操作] [已解决]JavaScript使用HTML DOM(firstChild)的问题

本帖子中包含更多资源

相关帖子