JavaScript—获取一个属性'；来自HTML元素的值

我想将“a”字符显示为警报

HTML:

Javascript:

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

函数validateForm1id1（）{
var x=document.getElementById（“demo”）.name；
警报（x）；
}

正如@robg在评论中所说：

---

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

您需要使用从

span

获取

name

属性

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

以显示它的工作

如果您试图在html元素中存储任意数据，请查看

data-*

属性

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

然后你就可以做了

HTML:

---

显示

数据-*

属性。

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

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

---

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

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

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

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