【问题标题】:Add a class to an html element placed with PHP to finally get the icon给一个用PHP放置的html元素添加一个类,最终得到图标
【发布时间】:2019-02-20 00:56:54
【问题描述】:

http://next.plnkr.co/edit/LaFb9OI1RDfToJqZ?open=lib%2Fscript.js

你好

所以我尝试使用 javascript 将

class="fas fa-skull-crossbones" 添加到 。与

功能交叉骨(){ document.getElementsByName("i_1").classList.add(class="fas fa-skull-crossbones"); 但它不起作用。最终结果是获得每个 i_1 上的图标。
所以我在这里寻求帮助,如果您顺便说一下,请提前感谢。

【问题讨论】:

    标签: javascript php html class add


    【解决方案1】:
    • 首先,.getElementsByName()name 属性为目标;当您尝试定位 <i_1> 时,您需要 .getElementsByTagName()

    • 第二,.add(class="fas fa-skull-crossbones"无效;你会想要.add("fas", "fa-skull-crossbones")

    • 第三,这两个都返回一个 NodeList 元素集合。您需要循环这些元素中的每一个,并将所需的类应用于每个元素。

    • 最后,您需要实际调用函数crossbones()

    这一切都可以在下面看到:

    function crossbones() {
      const elements = document.getElementsByTagName("i_1");
      for (let i = 0; i < elements.length; i++) {
        elements[i].classList.add("fas", "fa-skull-crossbones");
      }
    }
    
    crossbones();
    <div_1>
      <p>
        <i_1></i_1> Comment devenir Obèse en 1O leçons
        <i_1></i_1>
        <p>
    </div_1>

    【讨论】:

      【解决方案2】:

      我认为您需要 getElementsByTagName,因为标记将是 。 getElementsByName 用于具有 name 属性的元素。试试看是否可行。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2018-11-05
        • 1970-01-01
        • 1970-01-01
        • 2012-12-16
        • 1970-01-01
        • 2022-07-16
        • 1970-01-01
        相关资源
        最近更新 更多