getElementsByTagName setAttribute 및 regex javascript

Question

javascript를 사용하여 mediabox를 지원하는 일부 링크에 rel = lightbox를 붙이고 싶습니다.

나는 이것을 시도해보고 왜 작동하지 않는지 궁금해하니?

시험 : 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

당신은 오류 콘솔 (도구 -> 파이어 폭스 오류 콘솔)를 엽니 다 그렇다면, 당신은 당신의 페이지에 두 개의 오류가 표시됩니다

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 사이를 빠져보십시오.