yrxy 2023-01-26 10:47 采纳率: 33.3%
浏览 27
已结题

请问JavaScript怎么获取自定义标签的自定义属性值？

不要又给我长长的代码，怎么用也不说，说的太复杂或含糊不清。
纯JavaScript。

我写的(失败):
JavaScript:

var colorr=document.getElementsByTagName("cyif_head").getAttribute("cyif-color");
alert(colorr);

html:

<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>标题</title>
    <script src="cyif.js"></script>
  </head>
  <body>
    内容
    <cyif_head cyif-color="#DC143C"></cyif_head>
  </body>
</html>

本

人

小

白

  • 写回答

2条回答 默认 最新

  • 有一只小精灵 2023-01-26 22:23
    关注

    getElementsByTagName返回的是包含指定标签名的集合，我们要取的是第一个（数组，集合索引下标都是从0开始），所以加个[0]，就能得到结果了
    修改如下：

    var colorr=document.getElementsByTagName("cyif_head")[0].getAttribute("cyif-color");
alert(colorr);

    补充说明：

    <cyif_head cyif-color="#DC143C"></cyif_head>

    我们想获取指定的标签 cyif_head 有三种方式：
    1.getElementsByTagName, 返回指定标签名的所有子元素集合，就是问题里面的方式
    2.getElementsByClassName，返回有指定类名的元素集合，跟1一样结果都是集合，取第一个就是加[0]
    首先需要给它一个类名，使用class="类名"

    <cyif_head class="exampleClass" cyif-color="#DC143C"></cyif_head>

    然后js处理的话就是：

    var colorr=document.getElementsByClassName("exampleClass")[0].getAttribute("cyif-color");
alert(colorr);

    3.getElementById，返回对拥有指定 ID 的第一个对象的引用，这个是唯一的值
    首先需要给它一个ID名，使用id="id名"

    <cyif_head id="exampleId" cyif-color="#DC143C"></cyif_head>

    然后js处理的话就是：

    var colorr=document.getElementById("exampleId").getAttribute("cyif-color");
alert(colorr);

    基础的东西可以去菜鸟教程看看，多写写就记得了

    https://www.runoob.com/

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 2月3日
  • 已采纳回答 1月26日
  • 修改了问题 1月26日
  • 修改了问题 1月26日
  • 展开全部

悬赏问题

  • ¥15 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决！
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图，一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上，请大家贡献智慧，别用大模型回答，大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。