87,990
社区成员
发帖
与我相关
我的任务
分享JS当中程序不能取到值的问题，新手
<!--
编写JS程序。
定义一个人类（Person），该类中应该有两个私有属性，姓名（name）和年龄（age）。定义构造方法，用来初始化数据成员。再定义显示（display）方法，将姓名和年龄打印出来。男人类(man)从人类（Person）继承,增:法工作(work), 参数为姓名,女人类(woman)增加方法打扮(daban),参数为年龄.分别输出.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>15310320408-张少驰</title>
</head>
<body>
请问你的姓名？
<input type="text" id="inp_name" value="10"/></br>
请问你的年龄？
<input type="text" id="inp_age" value="20"/></br>
<div align="center">
<input type="button" value="提交" onclick="func_Person.display()"/>
</div>
<p id="p_input"></p>
</body>
<script type="text/javascript">
var name = document.getElementById("inp_name");
var age = document.getElementById("inp_age");
function Person(name,age){
this.name = name;
this.age = age;
this.display = function()
{
document.getElementById("p_input").innerHTML = name.value+"，"+"您今年"+age.value+"岁了！";
}
}
var func_Person = new Person(name,age);
</script>
</html>
编写JS程序。
定义一个人类（Person），该类中应该有两个私有属性，姓名（name）和年龄（age）。定义构造方法，用来初始化数据成员。再定义显示（display）方法，将姓名和年龄打印出来。男人类(man)从人类（Person）继承,增:法工作(work), 参数为姓名,女人类(woman)增加方法打扮(daban),参数为年龄.分别输出.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>15310320408-张少驰</title>
</head>
<body>
请问你的姓名？
<input type="text" id="inp_name" value="10"/></br>
请问你的年龄？
<input type="text" id="inp_age" value="20"/></br>
<div align="center">
<input type="button" value="提交" onclick="func_Person.display()"/>
</div>
<p id="p_input"></p>
</body>
<script type="text/javascript">
var name = document.getElementById("inp_name");
var age = document.getElementById("inp_age");
function Person(name,age){
this.name = name;
this.age = age;
this.display = function()
{
document.getElementById("p_input").innerHTML = name.value+"，"+"您今年"+age.value+"岁了！";
}
}
var func_Person = new Person(name,age);
</script>
</html>
...全文
请发表友善的回复…
发表回复
斯洛文尼亚旅游 2018-03-26
- 打赏
- 举报
name是window对象中的一个全局变量，你那样是修改了window.name的值，由于是字符串的，所以你的name那个input对象调用默认toString后name这个变量就是objectHTMLInputElement这个字符串值了，另外其一个全局变量名【私有变量可以不用另外命名，全局变量一定不能用name】
var name1 = document.getElementById("inp_name");
var age = document.getElementById("inp_age");
function Person(name, age) {
this.name = name;
this.age = age;
this.display = function () {
document.getElementById("p_input").innerHTML = name.value + "，" + "您今年" + age.value + "岁了！";
}
}
var func_Person = new Person(name1, age);
Web开发学习资料推荐
Web开发学习资料推荐
SCscHero 2018-03-26
- 打赏
- 举报
这里面的name.value取不到值，但是age.value却可以取到。用alert输出name和age一样都是objectHTMLInputElement,但为什么就是取不到value的值呢，求解。
