js输入的表单什么的都是字符串，需要函数parseFloat转化，切记

最新推荐文章于 2024-01-23 09:58:08 发布
最新推荐文章于 2024-01-23 09:58:08 发布
阅读量528 收藏
点赞数
分类专栏： web大前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jingtian678/article/details/53263241
版权

实例程序

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>java上机题目</title>
<style type="text/css">
#foot{
background-color: yellow;
}
caption{
font-style: italic;
font-size: 15px;
}
</style>
<script language="JavaScript" type="text/javascript">
function  $(a)
{
var $b=document.getElementById(a);
return $b;
}
function myFunction()
{   
$("34").innerHTML=((parseFloat($("33").value)+parseFloat($("32").value))/2);
$("44").innerHTML=((parseFloat($("43").value)+parseFloat($("42").value))/2);
   $("52").innerHTML=((parseFloat($("32").value)+parseFloat($("42").value))/2);
   $("53").innerHTML=((parseFloat($("43").value)+parseFloat($("33").value))/2);
   $("54").innerHTML=((parseFloat($("44").innerHTML)+parseFloat($("34").innerHTML))/2);

}
</script>
</head>
<body>
<table border="1" cellpadding="1">
<caption>组合表格</caption>
<tr> 
<th rowspan="2"></th>
<th colspan="2" >Points</th>
<th rowspan="2">Personal Average</th>
</tr>
   <tr>
    <th>Test1</th>
    <th>Test2</th>
   </tr>
   <tr>
    <th>English</th>
    <td ><input type="text" size="20px" id="32"value=""></td>
    <td ><input type="text" size="20px" id="33" value=""></td>
    <td id="34"></td>
   </tr>
   <tr>
    <th>Math</th>
    <td ><input type="text" size="20px" id="42" value=""></td>
    <td ><input type="text" size="20px" id="43" value=""></td>
    <td id="44"></td>
   </tr>
   <tr id="foot">
    <th>Average</th>
    <td id="52"></td>
    <td id="53"></td>
    <td id="54"></td>
   </tr>
   
</table>
<input type="button" οnclick="myFunction()" value="计算">
</body>
</html>
jingtian678
关注
专栏目录
js 字符串转化成数字的代码
12-08
在JavaScript中，将字符串转化为数字是一项常见的操作，主要可以通过转换函数、强制类型转换以及JavaScript的弱类型转换来实现。下面将详细阐述这三种方法。 1. **转换函数**： - `parseInt()`：这个函数主要用于...
createTextNode() 方法
LdleFlsh的博客
06-09 4378
创建文本节点 定义和用法 createTextNode() 可创建文本节点。 语法 document.createTextNode(text) 参数 参数 类型 描述 text String 必须。文本节点的文本。 返回值 类型 描述 文本节点对象 创建文本节点 所有主要浏览器都支持 createTextNode() 方法 作用1 ：创建一个文本节点 作用2:创建一个标题 ...
创建文本节点createTextNode
qq_24193261的博客
09-19 1442
createTextNode()方法创建新的文本节点，返回新创建的Text节点。 语法： documnet.createTextNode(data) 参数： data:字符串值，可规定此节点的文本 例子：创建一个元素并向其中添加一条消息 无标题文档     .a1{     width:200px;     height:100px;     backgro
JavaScript DOM创建元素节点（createElement）创建文本节点（createTextNode）创建注释节点createComment
编程界明世隐的博客
12-16 2065
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> </head> <body> <div id="box"> </div> </bo...
createTextNode和innerHTML
红色枫叶的博客
10-10 2230
一、createTextNode 例如: var element = document.createElement("div"); element.className = "message"; var textNode = document.createTextNode("&lt;Strong&gt;Hello&lt;/Strong&gt;"); element.appendChild(te...
createTextNode
weixin_30758821的博客
10-30 240
createTextNode()方法将创建一个包含给定文本的新文本文档节点。这个方法的返回值是一个指向新建文本节点的引用指针： reference = document.createTextNode(text); 这个方法只返回一个参数：新建文本节点所包含的文本字符串。 reference = document.createTextNode("hello world"); ...
parseInt parseFloat js字符串转换数字
12-10
总结，`parseInt()`和`parseFloat()`是JavaScript中用于字符串转换为数字的主要工具，它们根据输入的字符串内容和格式进行解析。在处理字符串时，理解这些函数的工作原理和限制至关重要，以确保在程序中正确处理数字...
浅谈JS 数字和字符串之间相互转化的纠纷
10-19
在JavaScript中，数字和字符串之间的转化是常见的操作，特别是在处理用户输入或动态计算时。本文主要探讨了在JS中如何将字符串转化为数字以及数字转化为字符串的方法。 首先，我们来看字符串转数字的几种方法： 1....
js字符串转换成数字与数字转换成字符串的实现方法
12-02
在JavaScript中，字符串转换成数字和数字转换成字符串是常见的类型转换操作，这对于处理用户输入、计算和其他数据处理任务至关重要。下面将详细讲解这两种转换的方法。 **字符串转换成数字** 1. **parseInt()函数*...
javascript基础学习系列二百二十二：创建文本节点 document.createTextNode()
最新发布
wanmeijuhao的博客
01-23 478
元素并给它添加了值为"message"的 class 属性，然后又创建了 一个文本节点并添加到该元素。最后一步是把这个元素添加到文档的主体上，这样元素及其包含的文本 会出现在浏览器中。示例中的第一个div元素中不包含内容，因此不会产生文本节点。只要开始标签和结束标签之间 有内容，就会创建一个文本节点，因此第二个。元素也有一个文本节点的子节点，其 nodeValue 的值为"Hello World!元素会有一个文本节点的子节点，虽然它只包含空 格。一般来说一个元素只包含一个文本子节点。
DOM操作
knowledge_bird的博客
02-24 181
DOM基础，DOM进阶 节点 加载HTML页面时，Web浏览器生成一个树型结构，用来表示页面内部结构。DOM将这种树型结构理解为由节点组成。 总结：以上由元素+文本+属性，3个部分构成的。 节点种类 1.节点种类：元素节点、文本节点、属性节点。 2. 如果节点是元素节点，则 nodeType 属性将返回 1。 3. 如果节点是属性节点，则 nodeType 属性将返回 2。 4. 如果节点是文本内...
js document.createTextNode()创建文本节点详解
热门推荐
田维常
09-23 3万+
在Javascript中，可以创建各种类型的节点。 下面列出常用的创建节点的方法： 方法 说明 createElement() 创建一个元素节点  createTextNode() 创建一个文本节点  createComment() 创建一个文本节点  createDocumentFragment() 创建文档碎片节点 以上四种方法都是 document 对象的方法。
11JS中的Form表单基本使用（表单提交）
weixin_47316183的博客
04-28 2140
1、form表单事件（1）提交表单发生的事件：onsubmit（2）重置按钮被点击发生的事件：onreset2、Form表单中的action（1）规定向何处提交表单的地址（URL）|（提交页面）（2）可以用来提交地址3、method：提交方式（1）get：为默认提交方式，在网页链接上看的到表单填写的信息a. ：可以通过参数形式接收数据b. ：通过创建对象和属性接数据（2）post：安全一点，对于表...
Js中parseFloat()精度问题
ych0108的博客
07-08 1692
[code="html"] 华氏转摄氏 $(document).ready(function(){ //华氏-->摄氏 $("#ftoc").click(function(){ var temp = $("#fahrenheit").val() if(temp==''){ alert("请输入华氏湿度！"...
parseFloat()函数
weixin_37501775的博客
05-01 3323
案列一：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt;  &lt;title&gt; 事件&lt;/title&gt;    &lt;script type="text/javascript"&gt;   function count(){           //获取第一个输入框的值    var a=document.getElementByI
Java基础总结(初学者)
毕云慧的博客
11-03 2665
Java基础 java语言 库API 资产管理 分层思想 面向对象 接口使用 类型转换，转换为什么类型就要在什么类型中定义方法 JDK,JRE,JVM关系？ JDK>JRE>JVM jdk开发工具 jre运行环境 jvm虚拟机 java程序的运行原理？ 1.源文件（java源代码）通过编译器编译成字节码文件class. 2.通过JVM中的解释器将字节码文件生成对应的可执行文件，运行 3.将编译后的程序加载到方法区，存储类信息 4.运行时，JVM创建线程来执行代码，在虚拟机栈和程序计数器分配独占
createTextNode() 方法和createTextNode（）方法
weixin_30407099的博客
07-31 554
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body> <p id="demo">单击按钮创建一个标题</p><button onclick...
JS对象转为表单
ikmb的专栏
07-15 1681
//class_name:表单元素class//data_obj_arr:数据对象数组//V1:只测了文本框function JSObjectToForm(class_name, data_obj_arr) { for (var i = 0; i < data_obj_arr.length; i++) { $("." + class_name).filter
深入理解JavaScript的变量类型转换：parseInt与parseFloat函数详解
这两个函数用于将字符串转换为整数和浮点数，但它们的使用方式和处理规则有一些关键要点需要注意。 1. **转换函数**： - `parseInt()`函数用于将字符串转换为整数。它会检查字符串中的字符，判断是否构成有效的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值