使用Javascript获取标记值的内容

Get content of tag value using Javascript

本文关键字：Javascript 获取 使用      更新时间：2023-09-26

我想知道如何检索特定ID的HTML内部标记值的内容，例如：

<span id="mycount" value="100">1</span>

我想检索100的值，我已经尝试过了：

var num = document.getElementById('mycount').value;

我也试过这个：

var anchors = document.getElementById('mycount');
var num = anchors.value();

但是不起作用，我怎么能做到呢？

使用jquery:

var num = $("#mycount").attr("value");

jQuery.attr((

标记span不能具有value属性，这是无效的。是的，它有效，但这是一种糟糕的做法。相反，您可以使用有效的HTML5属性data-*。

在你的情况下，这将是：

<span id="mycount" data-value="100">1</span>

使用.data((函数获取该数据值的jQuery代码为：

$(document).ready(function(){
    var myvalue = $('#mycount').data('value');
    alert(myvalue);
});

演示：http://jsfiddle.net/KhmGL/

var num = document.getElementById('mycount').getAttribute('value');

查看@MDN element.getAttribute.

要获取属性值，我们必须使用getAttribute((。

获取mycount 的值

var mycount = document.getElementById("mycount");
var num = mycount.getAttribute("value");
alert(num);
相关文章：