黑马程序员技术交流社区

标题: javascript中Dom节点的问题,谁会的来看下 [打印本页]

作者: 谭威    时间: 2012-5-28 12:00
标题: javascript中Dom节点的问题,谁会的来看下
<body>
    <input type="text" name="xx" value="我是一个文本框" id="txt_1">
</body>
<script type="text/javascript">
         //输出元素节点的name, type, value
         var inputElement=document.getElementById("txt_1");
         alert("元素节点的名称:"+inputElement.nodeName);// 输出INPUT
         alert("元素节点的类型:"+inputElement.nodeType);// 为什么会  输出 1  而不是"text"
         alert("元素节点的值:"+inputElement.nodeValue);// 为什么会输出null,而不是"我是一个文本框"
         
</script>

求解!!!
作者: 朱亮辉    时间: 2012-5-28 12:14
alert("元素节点的名称:"+inputElement.nodeName);//输出的是标签的名称
alert("元素节点的值:"+inputElement.nodeValue);// 为什么会输出null,而不是"我是一个文本框"  原因是你获取值的方式是错误的
alert("元素节点的类型:"+inputElement.nodeType);// 为什么会  输出 1  而不是"text" 节点类型是Dom写好的,text只是你理解的


代码我给该了一下,你试试看看弹出的内容

<html>
<head></head>
<body>
    <input type="text" name="xx" value="我是一个文本框" id="txt_1">nihao</input>
</body>
<script type="text/javascript">
    //输出元素节点的name, type, value
    var inputElement = document.getElementById("txt_1");
    alert("元素节点的名称:" + inputElement.name);
    alert("元素节点的类型:" + inputElement.nodeName);
    alert("元素节点的值:" + inputElement.value);
</script>
</html>


作者: 谭威    时间: 2012-5-28 12:18
谢谢了。。是我理解有问题
作者: 张雪风    时间: 2012-5-28 12:24
nodetype 类型是用数字表示的
1.元素(nodeType=1)
匹配xml文件中的大部分元素.如<li>,<a>,<p>
2.文本(nodeType=3)
匹配文档中所有的文本块.
3.文档(nodeType=9)
匹配元素的根元素.

不是:nodevalue是 value




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2