1. ホーム
  2. 質問と答え
  3. は、ファイルタイプが

は、ファイルタイプが

2011-12-23 1 views
3

に一致したとき、私は<a>タグでマークアップされたMP3ファイル用のページをチェックしますGreasemonkeyのスクリプトを作成しようとしました は、ファイルタイプが

<html><body> 
<!-- tags, might ir might not have ids --> 
<a id="myid" href="mp3/basic.phrases.1.mp3">Some mp3 file1.mp3</a><br /> 
<a href="mp3/basic.phrases.2.mp3">Some mp3 file2.mp3</a><br /> 

<script language="JavaScript"> 
var findAtags = document.getElementsByTagName('a'); 

for(var i = 0; i < findAtags.length; i++) { 
var audioTag = document.createElement("audio"); 
var ext = findAtags[i].getAttribute("href").split('.').pop(); 

if(ext == "mp3") { 
    document.write(findAtags[i] + '[' + i + '] == ' + ext + '<br>'); 
    document.body.replaceChild(audioTag, findAtags[0]); 
    // I would need to replace the <a href="..." ></a> with '<audio> <source src="' + findAtags[i] + '" type="audio/mp3" /> </audio>'; 
}; 
} 
</script> 

</body></html>

出典

2011-12-23 user569548

+0

[mp3のリンクを検出し、変更のJavaScript]（http://stackoverflow.com/questions/8586386/detecting-and-changing-mp3-links-javascript）の可能性が重複 – Incognito

答えて

0

置き換えられる行には、findAtags[i]の代わりにfindAtags[0]があります。

また、document.writeで何をやっていますか？

出典

2011-12-23 21:44:49

0

より簡潔にすることが可能でなければなりませんようにそれはそうけれども、私は、以下を提供することができます：

var body = document.getElementsByTagName('body')[0]; 
var as = body.getElementsByTagName('a'); 

for (var i=0,len=as.length; i<len; i++){ 
    var source = as[i].href; 
    var audioElem = document.createElement('audio'); 
    audioElem.src = source; 

    body.insertBefore(audioElem,as[i].nextSibling);  
} 

for (var r=as.length - 1; r>=0; r--){ 
    body.removeChild(as[r]); 
}

JS Fiddle demo。

audio要素は本質的に「見えない」ので、リンクがaudio要素に置き換えられている間は、（Webインスペクタ、Firebug、Dragonflyなどを介して）DOMを表示する必要があります。彼らがそこにいるのは...

出典

2011-12-23 21:56:00

1

フレームワークとグローバルなスコープの両方を使わずに簡単な方法。

注 - 最後から最初にアンカーで反復処理を行う場合は、それぞれの前に要素を挿入して同じループで削除することができます。

(function(a) { 
    for(var i = a.length; i--;) { 
     var e = a[i], 
      audio = document.createElement('audio'), 
      p = e.parentNode; 

     audio.src = e.href; 
     p.insertBefore(audio, e); 
     p.removeChild(e); 
    } 

    }) (document.getElementsByTagName('a'));

出典

2011-12-23 22:26:19 abuduba

 関連する問題

  • 関連する問題はありません^_^