3

この質問のあいまいなタイトルをお詫びします。

次のJSがあります。特定のソースの画像を含むimgタグを探します。次に、画像/アイコンをアイコンフォントに置き換えることができるように、 imgタグをスパンに置き換えます。

var paths = [       
    "folder%2Fadd",
    "folder%2Fclear",
    "folder%2Fdelete",
    "folder%2Fedit",
    "folder%2Fmove",
    "folder%2Fsort",
    ];


    var fullPaths = paths.map(function(x) { return "img[src*='" + x + "']"; } );
    var imgs = document.querySelectorAll(fullPaths);

        for (var i = 0; i < imgs.length; i++) {

            var span = document.createElement("span");
            span.addClass("iconfont");
            span.title = imgs[i].parentNode.title;
            imgs[i].parentNode.replaceChild(span, imgs[i]);


        }

これまでのところすべてうまくいっていますが、解決できない問題がもう 1 つあります。

.iconfontのスパンにクラスを追加する以外に、さらに 2 つのクラスをスパンに追加したいと考えてます。前に「folder/」ビットなし。

だから、現時点で私は持っています:

<img class = "tinyicon" src="******/t/edit">

私のスクリプトはDOMでこれを作成します:

<span class = "iconfont">

しかし、スクリプトで次のものを作成したい:

<span class = "iconfont tinyicon edit">

それが私が求めているものです:)

ご覧いただきありがとうございます。

4

3 に答える 3