如何在 JavaScript 中访问自定义 html 属性?

2024-04-27

您好,我在这个 html 文档中遇到问题,请帮助我

我对此很陌生。

也许我很愚蠢,错过了一些东西。

我在这里只放了有用的来源来解决请。

<!DOCTYPE html>
<html>
  <body id="owner_profile">
    <a id="buy" owner="789" token="1000" wrapper="purchase" name="oname">Hurray!</a><br>
    <script>
      document.write("You Have: ");
      document.write(document.getElementById('buy').token);
    </script>  
  </body>
</html>

我希望它显示令牌,但它给出未定义

结果是:

Hurray!

你有:未定义


属性和特性之间是有区别的。要获取该属性,请使用getAttribute("token").

许多(预定义的)属性被映射到属性(或者相反,我不知道)。例如,如果您设置一个单元格的colSpan财产,你也会影响它colspan属性。

然而有时两者是非常不同的。最值得注意的是,value如果您在框中键入,输入的属性不会改变。但是,那value财产会。这意味着您始终可以使用以下命令重置文本框elem.value = elem.getAttribute("value").

作为一般规则,您应该始终使用get/setAttribute更改元素属性,因为您不能依赖那里的属性。

旁注:这些“属性”应该是数据:

<a id="buy" data-owner="789" data-token="1000" data-wrapper="purchase" name="oname">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 JavaScript 中访问自定义 html 属性? 的相关文章

随机推荐