getElementsByTagName setAttribute и regex javascript

Question

Я хочу поставить rel = lightbox на некоторые ссылки, поддерживающие mediabox, используя javascript.

Я пробую это и задаюсь вопросом, почему он не работает?

тест: http://jsbin.com/opica

пожалуйста, помогите исправить это: http://jsbin.com/opica/edit

<script type="text/javascript"> 
var x=xmlDoc.getElementsByTagName("a"); 
var regexku=/^.+(((twit)|(tweet)|(com/video.+)|(flickr.com.+)|(tube.com.+))|((gif)|(jpe?g)|(png)|(flv)|(swf)|(mp3)|(mp4))$)/; 

for(i=0;i<x.length;i++) 
{ 
a=x[i].getAttribute('href'); 
if (a.match(regexku) != null) 
    { 
    x.item(i).setAttribute("rel","lightbox"); 
    } 
} 

</script> 

Answer 1

Так что, если вы откроете консоль ошибок (Tools -> Консоль ошибок в Firefox), вы увидите две ошибки на странице:

Error: xmlDoc is not defined 
Source File: http://jsbin.com/opica 
Line: 35 

Error: invalid regular expression flag v 
Source File: http://jsbin.com/opica 
Line: 21, Column: 38 
Source Code: 
var regexku=/^.+(((twit)|(tweet)|(com/video.+)|(flickr.com.+)|(tube.com.+))|((gif)|(jpe?g)|(png)|(flv)|(swf)|(mp3)|(mp4))$)/; 

Поздний фиксируется спасаясь слэш, как предложил Барт (com\/video).

Бывший говорит, что нет такой вещи, как xmlDoc. Вероятно, вы имели в виду документ страницы, и в этом случае вы должны заменить его на document.

Далее все это, вероятно, не сработает, потому что вы должны запустить сценарий после завершения загрузки страницы. В jQuery это $(document).ready(function() { /* do your work here */ }), google, как это сделать, используя любую фреймворк, который вы используете (mootools-yui?).

После этого, как вы можете видеть, атрибут rel устанавливается по ссылкам: http://jsbin.com/elaca/edit. Тот факт, что любая библиотека, которую вы используете, по-прежнему не работает, означает, что вы используете ее неправильно. Вы даже не ссылались на страницу, которую вы загрузили из библиотеки, чтобы кто-то мог найти документацию для вас ...

Answer 2

Попробуйте Ускользающий / между com и video.