2016-08-22 19 views
-4

ページに存在するDOM要素と一致するJavaScript正規表現と一致することによって、ページに存在するすべてのDOM要素を取得し、この特定の文字列を含む要素を返します。 "tel : "javascriptを使用してDOM要素にアクセスする方法Regex

たとえば、<a href="tel:+1222333458">1222333458</a>のアンカータグが存在する場合、正規表現はDOM要素を返します。 またはスパンは、このように含めることができます:TEL: 私は、文字列と一致する簡単な正規表現が出ている「TEL:」を

/tel:*/g 

をしかし、それは私が実際にそれが何をしたいのか行いません。

"tel:"を含むhrefでアンカータグに興味を持っているだけではありませんが、その他のdom要素にはtel:を含めることができます。javascript正規表現を使用してください。データがこの データ-MTYPE = 'TEL:' のような属性のすべての要素

+1

'/ tel:* /'は 't'、' e'、 'l' +ゼロ以上の': 'を意味します。したがって、 'tel :::'という文字列と一致します。覚えておいて、 '* 'は'前の文字の0個以上'を意味します。例えば、 'a *'は空文字列 '' "と一致し、' a'は 'aaa'などと一致します。 – slebetman

+1

正規表現は必須ですか?あなたはhref属性やouterHTML内のどこかを調べていますか? – JonSG

+0

Hey Juhana、私は少なくとも1つの時間 "tel:"を含むすべてのdom要素に一致する正規表現を返し、それらすべての要素を返します。 –

答えて

0

含まれている任意の要素を表示するためにそれを更新tel:

console.log(
 
    Array.prototype.slice.call(document.querySelectorAll('*')).filter(function(element) { 
 
    var match = element.outerHTML.match(/tel:/gi); 
 
    if (match == null) { 
 
     return false; 
 
    } 
 
    if (match == void 0) { 
 
     return false; 
 
    } 
 
    return true; 
 
    }) 
 
)
<a href="1234 5678">1</a> 
 
<a href="tel">2</a> 
 
<a href="tel:1234 5678">3</a> 
 
<a href="tel:12345678">4</a>

+0

こんにちは、Emil S.Jørgensen!返信ありがとう、私は単に "tel:"を含むhrefでアンカータグに興味がありませんが、他のdom要素はtel:を含むことができます。それらの属性や値、またはjavascript正規表現のみを使用するhtml。 –

関連する問題