JavaScript中getElementById()方法和getElementByName()方法

getElementById()

作用：根据指定的ID值获取对象，如果无符合条件的对象，则返回 null

用法：var 变量名= document . getElementsById( 'id名')

getElementByName()

作用：返回带有指定名称的对象的集合

用法：var 变量名= document . getElementsByName( 'name名')

区别：getElementByName()取单个元素

getElementByName()取元素集合

计算器

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
//调用js
function js(jisuan){
//获得第一第二文本框的值
var one = document.getElementById("first").value;
var two = document.getElementById("second").value;
//转换为数值型
one = Number(one);
two = Number(two);
//定义结果
var jg = 0;
switch (jisuan.value){
//计算
case '+':
jg=one+two;
break;
case '-':
jg=one-two;
break;
case '*':
jg=one*two;
break;
case '/':
jg=one/two;
break;
}
//将结果给文本框3
document.getElementById("third").value=jg;
}
</script>
</head>
<body>
<table border="2">
<tr>
<td colspan="3" align="center">计算器</td>
</tr>
<tr>
<td>第一个数</td>
<td><input type="text" id="first"></td>
<td><input type="button" name="jia" value="+" οnclick="js(this)"></td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" id="second"></td>
<td><input type="button" name="jian" value="-" οnclick="js(this)"></td>
</tr>
<tr>
<td>结果</td>
<td><input type="text" id="third"></td>
<td><input type="button" name="cheng" value="*" οnclick="js(this)"></td>
</tr>
<tr>
<td colspan="2">运算方法：先两个数，再选择算法</td>
<td><input type="button" name="chu" value="/" οnclick="js(this)"></td>
</tr>
</body>

</html>

JavaScript中getElementById()方法和getElementByName()方法相关推荐

javascript中match方法和exec()方法详解与深度区别(非原创)
match和exec的比较 1.match match方法属于String正则表达方法. 语法: str.match(regexp或者string) str:要进行匹配的字符串. regexp:一个 ...
ThinkPHP 中M方法和D方法的具体区别
M方法和D方法的区别 ThinkPHP 中M方法和D方法都用于实例化一个模型类,M方法用于高效实例化一个基础模型类,而 D方法用于实例化一个用户定义模型类. 使用M方法如果是如下情况,请考虑使用 ...
hibernate中get方法和load方法的根本区别
hibernate中get方法和load方法的根本区别如果你使用load方法,hibernate认为该id对应的对象(数据库记录)在数据库中是一定存在的,所以它可以放心的使用,它可以放心的使用代理来 ...
jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
python predict_对Keras中predict()方法和predict_classes()方法的区别说明
1 predict()方法当使用predict()方法进行预测时,返回值是数值,表示样本属于每一个类别的概率,我们可以使用numpy.argmax()方法找到样本以最大概率所属的类别作为样本的预测标 ...
java——Scanner中nextLine()方法和next()方法的区别
遇到一个有意思的东西,在整理字符串这块知识的时候,发现我在用Scanner函数时,在字符串中加入空格,结果空格后面的东西没有输出来(/尴尬),不多说直接上代码: import java.util.Sc ...
ExtJS中listener方法和handler方法的区别
listener方法和handler方法的区别在文档中的说明的太玄乎了,看不懂 listeners监听能够对一个click Event事件添加任意多个的事件响应处理函数而handler处理只能够通过 ...
Keras中predict()方法和predict_classes()方法的区别
正如上篇博客中所讲,在Keras框架下执行深度学习任务时,一般会先根据训练数据集训练出模型,然后拿训练好的模型到生产环境(测试集)中部署并生产.以分类问题为例,当训练好了分类模型之后,我们要用这个模型 ...
VBA中Activate方法和Select方法的区别
VBA中的Activate方法和Select方法看起来似乎相同,其实二者是有区别的.Activate方法的作用是激活,而Select方法的作用是选择.其区别如下: 1.对于"Sheets&q ...

JavaScript中getElementById()方法和getElementByName()方法

JavaScript中getElementById()方法和getElementByName()方法相关推荐

最新文章

热门文章