この質問のあいまいなタイトルをお詫びします。
次の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">
それが私が求めているものです:)
ご覧いただきありがとうございます。