Javascript正則表達式匹配在實際頁面上失敗，但正則表達式測試工作正常

Question

我有一個非常具體的問題，關於在Javascript中的正則表達式匹配。我在這裏想匹配一段代碼，更具體的部分：

<TD WIDTH=100% ALIGN=right><a href="http://forum.tibia.com/forum/?action=main&amp;sectionid=2">World Boards</a> | <a href="http://forum.tibia.com/forum/?action=board&amp;boardid=106121">Olympa - Trade</a> | <b>Bump when Yasir...</b></TD> 

我想匹配的部分是boardid=106121">Olympa - Trade</a>，我真正需要的部分是「Olympa」。所以我用的JS代碼如下專線，以獲得匹配，並有「Olympa」返回：

var world = document.documentElement.innerHTML.match('/boardid=[0-9]+">([A-Z][a-z]+)(- Trade){0,1}<\/a>/i')[1]; 

的(- Trade)部分是我的問題，因此在正則表達式的{0,1}可選。

也沒有簡單的方法來縮小代碼的範圍。 getElementsByTagName，所以搜索完整的源代碼是我唯一的選擇。

現在，這裏有趣的事情。我已經使用了兩個在線正則表達式匹配器（其中一個專用於JS-regex）來測試我的正則表達式與完整的源代碼。這兩次都有一場比賽，並且完全回到了「Olympa」。然而，當我有Chrome瀏覽器包括實際的頁面上的腳本，它提供了以下錯誤：

Error in event handler for 'undefined': Cannot read property '1' of null TypeError: Cannot read property '1' of null 

很顯然，我行的第一部分返回「空」，因爲它沒有找到一個匹配，並採取[ 1]的「null」不起作用。

我想我可能沒有在源代碼上做匹配，但是當我讓腳本輸出document.documentElement.innerHTML到控制檯時，它會輸出完整的源代碼。

我沒有看到這個正則表達式失敗的原因，所以我必須忽略一些非常愚蠢的東西。其他人是否看到這個問題？

所有幫助表示讚賞， 肯尼斯

Answer 1

你把你的正則表達式在字符串中。它不應該在一個字符串中。

var world = document.documentElement.innerHTML.match(/boardid=[0-9]+">([A-Z][a-z]+)(- Trade){0,1}<\/a>/i)[1]; 

另一件事—看來你有一個文檔對象，在這種情況下，所有這些HTML已經解析了你，你可以重塑一個脆弱的輪子的，與其優勢。

var element = document.querySelector('a[href*="boardid="]'); 
var world = element.textContent; 

（假設你不需要< = IE8的支持。如果你這樣做，仍然有更好的方法，雖然）。

（PS ?是{0,1}的簡寫。）