使用Javascript获取标记值的内容

Question

我想知道如何检索特定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();

但不起作用，我该怎么做？

Answer 1

使用jquery：

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

jQuery.attr()

Answer 2

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

在您的情况下，那将是：

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

使用.data()函数获取此数据值的

和jQuery代码是：

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

DEMO：http://jsfiddle.net/KhmGL/

Answer 3

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

看看@ MDN element.getAttribute。

Answer 4

获取属性值我们必须使用getAttribute（）。

获取mycount的值

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