将 class 添加到 html 放置的 PHP 元素以最终获得图标

Question

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

你好

所以我尝试将

class="fas fa-skull-crossbones" 添加到 < i_1 > 和 javascript。使用

function crossbones() {
            document.getElementsByName("i_1").classList.add(class="fas fa-skull-crossbones");

但它不起作用。最后的结果是每个i_1.
上都有图标所以我是来求助的，顺便谢谢了

Answer 1

我认为您需要 getElementsByTagName，因为标记将是。 getElementsByName 适用于具有名称属性的元素。试试看是否有效。

Answer 2

首先，.getElementsByName() targets the name attribute; as you're trying to target <i_1>, you want .getElementsByTagName().
其次，.add(class="fas fa-skull-crossbones"无效；你会想要 .add("fas", "fa-skull-crossbones").
三、这两个return一个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>

将 class 添加到 html 放置的 PHP 元素以最终获得图标

Add a class to an html element placed with PHP to finally get the icon

html

javascript

php

class

add

你好