回答編集履歴
5
複数の電話番号に対応しました。
answer
CHANGED
|
@@ -24,4 +24,15 @@
|
|
|
24
24
|
bodyText = bodyText.replace(reg, `<$1 class=${addedClass}>$2${phoneNumber}$3>`);
|
|
25
25
|
document.body.innerHTML = bodyText;
|
|
26
26
|
```
|
|
27
|
-
一個一個のタグを調べてはおらずざっくり全体から調べてClassを追加していますが、ご希望にかなっていれば幸いです。
|
|
27
|
+
一個一個のタグを調べてはおらずざっくり全体から調べてClassを追加していますが、ご希望にかなっていれば幸いです。
|
|
28
|
+
|
|
29
|
+
複数の電話番号に対応しました。RegExp内の"g"で解決します。
|
|
30
|
+
もっとスマートな正規表現もあるかもしれないですが、とりあえずこれでご確認ください。
|
|
31
|
+
```JavaScript
|
|
32
|
+
var bodyText = document.body.innerHTML;
|
|
33
|
+
var addedClass = "myClass";//付与するclass
|
|
34
|
+
|
|
35
|
+
var reg = new RegExp(/<(.+)>(.*)(\d{3}-\d{4}-\d{4})(.+)?>/,"g");
|
|
36
|
+
bodyText = bodyText.replace(reg, `<$1 class=${addedClass}>$2$3$4>`);
|
|
37
|
+
document.body.innerHTML = bodyText;
|
|
38
|
+
```
|
4
idの修正です
answer
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
var addedClass = "myClass";//付与するclass
|
|
22
22
|
|
|
23
23
|
var reg = new RegExp(`<(.*)>(.*)${phoneNumber}(.*)?>`);
|
|
24
|
-
bodyText = bodyText.replace(reg, `<$1
|
|
24
|
+
bodyText = bodyText.replace(reg, `<$1 class=${addedClass}>$2${phoneNumber}$3>`);
|
|
25
25
|
document.body.innerHTML = bodyText;
|
|
26
26
|
```
|
|
27
27
|
一個一個のタグを調べてはおらずざっくり全体から調べてClassを追加していますが、ご希望にかなっていれば幸いです。
|
3
phoneNumberを修正しました
answer
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
var addedClass = "myClass";//付与するclass
|
|
22
22
|
|
|
23
23
|
var reg = new RegExp(`<(.*)>(.*)${phoneNumber}(.*)?>`);
|
|
24
|
-
bodyText = bodyText.replace(reg, `<$1 id=${addedClass}>$
|
|
24
|
+
bodyText = bodyText.replace(reg, `<$1 id=${addedClass}>$2${phoneNumber}$3>`);
|
|
25
25
|
document.body.innerHTML = bodyText;
|
|
26
26
|
```
|
|
27
27
|
一個一個のタグを調べてはおらずざっくり全体から調べてClassを追加していますが、ご希望にかなっていれば幸いです。
|
2
idではなくclassの追加に修正しました
answer
CHANGED
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
参考：[MDN｜Document.querySelector()](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector)
|
|
15
15
|
|
|
16
16
|
追記しました。
|
|
17
|
-
不確定なタグに特定の電話番号(文字列)がある場合に、タグに
|
|
17
|
+
不確定なタグに特定の電話番号(文字列)がある場合に、タグにClassを追加する方法ついて追記しました。
|
|
18
18
|
```JavaScript
|
|
19
19
|
var bodyText = document.body.innerHTML;
|
|
20
20
|
var phoneNumber = "000-1166-0000";//検索する電話番号
|
|
21
|
-
var
|
|
21
|
+
var addedClass = "myClass";//付与するclass
|
|
22
22
|
|
|
23
23
|
var reg = new RegExp(`<(.*)>(.*)${phoneNumber}(.*)?>`);
|
|
24
|
-
bodyText = bodyText.replace(reg, `<$1 id=${
|
|
24
|
+
bodyText = bodyText.replace(reg, `<$1 id=${addedClass}>$2000-1166-0000$3>`);
|
|
25
25
|
document.body.innerHTML = bodyText;
|
|
26
26
|
```
|
|
27
|
-
一個一個のタグを調べてはおらずざっくり全体から調べて
|
|
27
|
+
一個一個のタグを調べてはおらずざっくり全体から調べてClassを追加していますが、ご希望にかなっていれば幸いです。
|
1
不確定なタグに特定の電話番号がある場合のid追加について追記しました。
answer
CHANGED
|
@@ -11,4 +11,17 @@
|
|
|
11
11
|
el2.classList.add("hoge");
|
|
12
12
|
console.log(el2);
|
|
13
13
|
```
|
|
14
|
-
参考：[MDN｜Document.querySelector()](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector)
|
|
14
|
+
参考：[MDN｜Document.querySelector()](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector)
|
|
15
|
+
|
|
16
|
+
追記しました。
|
|
17
|
+
不確定なタグに特定の電話番号(文字列)がある場合に、タグにidを追加する方法ついて追記しました。
|
|
18
|
+
```JavaScript
|
|
19
|
+
var bodyText = document.body.innerHTML;
|
|
20
|
+
var phoneNumber = "000-1166-0000";//検索する電話番号
|
|
21
|
+
var addedId = "myId";//付与するID
|
|
22
|
+
|
|
23
|
+
var reg = new RegExp(`<(.*)>(.*)${phoneNumber}(.*)?>`);
|
|
24
|
+
bodyText = bodyText.replace(reg, `<$1 id=${addedId}>$2000-1166-0000$3>`);
|
|
25
|
+
document.body.innerHTML = bodyText;
|
|
26
|
+
```
|
|
27
|
+
一個一個のタグを調べてはおらずざっくり全体から調べてidを追加していますが、ご希望にかなっていれば幸いです。
|