关于JS中如何获取页面数据

本文介绍在JavaScript中如何根据元素ID获取其value值和文本值。通过document.getElementById方法,可轻松读取输入框或div等元素的内容。值得注意的是,获取的结果为字符串类型,无法直接与数值进行运算。

根据id名如何获取页面数据

JS中想要获取到页面的数据,无论是value值还是text文本值,我们都可以根据当前div的id名来进行操作

  • 根据div的id名获取value值
<input id="goId" type="text" value="根据id获取当前div的value值">
var yi=document.getElementById("goId").value;
  • 根据div的id名获取文本值
 <div id="goDiv">根据id名获取文本值</div>
 var goText=document.getElementById("goDiv").innerText;
  • 以上根据id获取的结果都是字符型,比如:
 <input id="yibei" type="text" value="123456">
var str=document.getElementById("yibei").value;
console.log(typeof(str));
//typeof可以判断num是什么类型//此时的str是string类型类型

所以根据id名获取的结果不能与整型进行运算符操作或判断


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

孤居自傲

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值