JavaScript：从div元素提取值

我有一个html页面，其中包含以下内容：

<div data-variableid2="1234"> </div>

---

如何获取元素的1234值（没有jQuery）并用

alert（）

显示它？

你可以用jQuery这样做

<div data-variableid2="1234"> </div>
<script>
     var data = $('div').attr('data-variableid2');
     alert(data);
</script>

var data=$（'div'）.attr（'data-variableid2'）；
警报（数据）；

您可以使用jQuery这样做

<div data-variableid2="1234"> </div>
<script>
     var data = $('div').attr('data-variableid2');
     alert(data);
</script>

var data=$（'div'）.attr（'data-variableid2'）；
警报（数据）；

假设您不使用jQuery（因为它没有标记）：

HTML：（我使用div元素的id来简化事情）：

以下是示例：

编辑：

如果不能对元素使用id或类，则可以使用以下内容捕获它（0是元素的编号）：

如果（很可能）它不是页面上的唯一div，您可以尝试

像这样：

// capture element - references to 0 which is the first matched element
// because this will select group of elements with data-variableid2
var example = document.querySelectorAll("[data-variableid2]")[0];

---

下面是一个例子：假设您不使用jQuery（因为它没有标记）：

HTML：（我使用div元素的id来简化事情）：

以下是示例：

编辑：

如果不能对元素使用id或类，则可以使用以下内容捕获它（0是元素的编号）：

如果（很可能）它不是页面上的唯一div，您可以尝试

像这样：

// capture element - references to 0 which is the first matched element
// because this will select group of elements with data-variableid2
var example = document.querySelectorAll("[data-variableid2]")[0];

下面是一个例子：

注意：您应该向div添加一个id，并按id获取元素（为了性能）

这是通过普通Javascript完成的，不需要jQuery

注意：您应该向div添加一个id，并按id获取元素（为了性能）

这是通过普通Javascript完成的，不需要jQuery

---

首先，你应该给你的部门一个id

<div id="myid" data-variableid2="1234"> </div>

只需在此处进行测试：

但是，如果不允许您更改页面的HTML，那么您应该坚持这样做

document.getElementsByTagName("div")[0]

但是索引（这里

0

）确实随div在HTML页面中的位置而变化

编辑1:

使用循环，您可以扫描所有div并选择具有属性的div

data-variableid2

：如下所示：

var elm = document.getElementsByTagName("div");
for (i=0;i<elm.length;i++) {
    if (elm[i].getAttribute('data-variableid2')!=null) {
        alert(elm[i].getAttribute('data-variableid2'));
    }
}

var elm=document.getElementsByTagName（“div”）；
对于（i=0；i，首先你应该给你的DIV一个id

<div id="myid" data-variableid2="1234"> </div>

只需在此处进行测试：

但是，如果不允许您更改页面的HTML，那么您应该坚持这样做

document.getElementsByTagName("div")[0]

但是索引（这里
0
）确实随div在HTML页面中的位置而变化

编辑1:

使用循环，您可以扫描所有div并选择具有属性的div
data-variableid2
：如下所示：

var elm = document.getElementsByTagName("div");
for (i=0;i<elm.length;i++) {
    if (elm[i].getAttribute('data-variableid2')!=null) {
        alert(elm[i].getAttribute('data-variableid2'));
    }
}

var elm=document.getElementsByTagName（“div”）；
对于（i=0；iis，div上有类或id或任何东西吗？您使用的是jQuery或straight javascript吗？div上有类或id或任何东西吗？您使用的是jQuery或straight javascript吗？内容无法更改，div没有IDB，但它不是第一个div，有许多嵌套的div，它们都没有id，所以可能[0]属性不会有帮助吗？它给我null作为value正如我所说的，索引可能会有所不同。请参阅我的编辑以获取循环示例。Conent无法更改，div没有IDB，但它不是第一个div，有许多嵌套div，它们都没有ID，因此可能[0]属性不会有帮助吗？它给我null作为值正如我所说的，索引可能会有所不同。请参阅我的编辑以获取循环示例。它是嵌套的div，它不是页面上的唯一一个。为什么不能为div提供ID？因为html页面的内容不能更改dit是嵌套的div，它不是页面上的唯一一个。为什么不能为div提供ID？因为内容无法更改html页面的名称