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

根据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名获取的结果不能与整型进行运算符操作或判断


  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在网页获取 JavaScript 数据有几种方式,以下是其的三种: 1. 通过 DOM 操作获取元素的属性或值。 例如,假设有一个 id 为 "data" 的标签,其包含了一些 JavaScript 数据,你可以通过以下方式获取它: ```javascript var data = document.getElementById("data").textContent; ``` 其,`document.getElementById("data")` 用来获取 id 为 "data" 的元素,`.textContent` 用来获取元素的文本内容,即 JavaScript 数据。 2. 通过 AJAX 请求获取数据。 通过 AJAX 请求可以从服务器获取数据。例如,使用 jQuery 的 AJAX 请求代码如下: ```javascript $.ajax({ url: "data.json", dataType: "json", success: function(data) { console.log(data); } }); ``` 其,`url` 参数指定了请求的 URL,`dataType` 参数指定了服务器返回的数据类型,`success` 回调函数会在请求成功后被调用,并将服务器返回的数据作为参数传递给它。 3. 通过 JSONP 获取数据JSONP 是一种通过在页面添加 `<script>` 标签来获取跨域数据的方式。例如,假设有一个跨域的 API,可以通过以下方式获取它的数据: ```javascript function handleData(data) { console.log(data); } var script = document.createElement("script"); script.src = "http://example.com/api?callback=handleData"; document.head.appendChild(script); ``` 其,`handleData` 函数会在 API 返回数据后被调用,并将数据作为参数传递给它。`callback` 参数用来指定回调函数的名称,以便服务器返回数据时调用它。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

学海无涯...

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

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

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

打赏作者

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

抵扣说明:

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

余额充值