// サイト内のすべてのa要素を取得する var aElements = document.getElementsByTagName("a"); // a要素の数だけ繰り返す for (var i = 0; i < aElements.length; i++) { // a要素のhref属性を取得する var href = aElements[i].getAttribute("href"); // hrefが"https://scratch.mit.edu/projects/xxxxxxxxx/"の形式に一致するかどうかを正規表現でチェックする var regex = /https:\/\/scratch\.mit\.edu\/projects\/(\d+)\/?$/; var match = regex.exec(href); // もし一致したら if (match) { // プロジェクトIDを取得する var projectID = match[1]; // img要素を作成する var img = document.createElement("img"); // img要素のsrc属性を設定する img.setAttribute("src", "https://uploads.scratch.mit.edu/get_image/project/" + projectID + "_5000x5000.png"); // img要素のwidth属性を設定する img.setAttribute("width", "400px"); // a要素の最初の子要素としてimg要素を追加する aElements[i].appendChild(img); } }
javascript: var aElements = document.getElementsByTagName("a"); for (var i = 0; i < aElements.length; i++) { var href = aElements[i].getAttribute("href"); var regex = /https:\/\/scratch\.mit\.edu\/projects\/(\d+)\/?$/; var match = regex.exec(href); if (match) { var projectID = match[1]; var img = document.createElement("img"); img.setAttribute("src", "https://uploads.scratch.mit.edu/get_image/project/" + projectID + "_5000x5000.png"); img.setAttribute("width", "400px"); aElements[i].appendChild(img);} }
