JavaScript-获取一个属性'的值

JavaScript - get an attribute's value from HTML element

本文关键字：属性 的值 一个 获取 JavaScript-      更新时间：2024-03-20

我想显示'a'字符作为警报

HTML:

<span id="demo" name="a" onclick="validateForm1id1()"></span>

Javascript：

<script>
    function validateForm1id1() {
        var x = document.getElementById("demo").name;
        alert(x);
    }
</script>

请尝试以下代码。您需要获取属性"name"。

function validateForm1id1() {
    var x = document.getElementById("demo").getAttribute('name');
    alert(x);
}

正如@robg在评论中所说：

在大多数浏览器中，DOM元素通常只将标准属性反映为DOM属性（也有一些例外）。name不是span元素的标准属性，因此您需要使用getAttribute

您需要使用getAttribute从span中获取name属性。

var x = document.getElementById("demo").getAttribute("name");

Plunker展示它的工作原理。

如果您试图在html元素中存储任意数据，请查看data-*属性。文档。

HTML5的设计考虑到了数据的可扩展性，这些数据应该与特定元素关联，但不需要具有任何定义的含义。data-*属性允许我们在标准、语义HTML元素上存储额外的信息，而无需其他技巧，如classList、非标准属性、DOM上的额外属性或setUserData。

然后你可以进行

HTML:

<span id="demo" data-name="Span name using data-name" onclick="validateForm1id1()">Click me</span>

JS:

function validateForm1id1() {
    var x = document.getElementById("demo").dataset.name;
    alert(x);
}

Plunker显示data-*属性。

相关文章：