阅读'；隐藏元素'；使用JavaScript的注释

我正在努力缩小我正在制作的一个新网站的网页代码范围。我发现这个答案似乎就是我想要的，但我无法让它发挥作用：

我尝试了非jQuery的答案，但我似乎遗漏了一些东西，因为当我将页面加载到Firefox并按下按钮时，它什么也不做。我正在使用phpDesigner软件，将粘贴复制到一个.htm文件中，然后在Firefox中运行

以下是我所做的代码：

JavaScript:

// https://stackoverflow.com/a/5158301/74757
function getParameterByName(name, path) {
    var match = RegExp('[?&]' + name + '=([^&]*)').exec(path);
    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}

var hiddenElHtml = document.getElementsByClassName('hidden_elem')[0].innerHTML.replace('<!--', '').replace('-->', '');

var divObj = document.createElement('div');
divObj.innerHTML = hiddenElHtml;

var itemAnchor = divObj.getElementsByClassName('itemAnchor')[0];
var href = itemAnchor.getAttribute('href');

var fbId = getParameterByName('h', href);

alert(fbId);

<code class="hidden_elem" id="ukftg4w44">
    <!-- <div class="mtm mlm">
     ...
      ....
    <span class="itemLabel fsm">Unfriend...</span></a></li>
    <li class="uiMenuItem" data-label="Report/Block...">
    <a class="itemAnchor" role="menuitem" tabindex="-1" href="/ajax/report/social.php?content_type=0&amp;cid=1352686914&amp;rid=1352686914&amp;ref=http%3A%2F%2Fwww.facebook.com%2F%3Fq&amp;h=AfjSxEzzdTSrz-pS&amp;from_gear=timeline" rel="dialog">
    <span class="itemLabel fsm">Report/Block...</span></a></li></ul></div>
     ....
    ...
    </div> -->
</code>

<button onclick="getParameterByName()">Try it</button>

//https://stackoverflow.com/a/5158301/74757
函数getParameterByName（名称、路径）{
var match=RegExp（'[？&]'+name+'=（[^&]*））.exec（path）；
返回匹配和解码组件（匹配[1]。替换（/\+/g'，）；
}
var hiddenElHtml=document.getElementsByClassName（'hidden_elem'）[0]。innerHTML.replace（“”）；
var divObj=document.createElement（'div'）；
divObj.innerHTML=hiddenElHtml；
var itemAnchor=divObj.getElementsByClassName（'itemAnchor'）[0]；
var href=itemAnchor.getAttribute（'href'）；
var fbId=getParameterByName（'h'，href）；
警报（fbId）；

HTML:

// https://stackoverflow.com/a/5158301/74757
function getParameterByName(name, path) {
    var match = RegExp('[?&]' + name + '=([^&]*)').exec(path);
    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}

var hiddenElHtml = document.getElementsByClassName('hidden_elem')[0].innerHTML.replace('<!--', '').replace('-->', '');

var divObj = document.createElement('div');
divObj.innerHTML = hiddenElHtml;

var itemAnchor = divObj.getElementsByClassName('itemAnchor')[0];
var href = itemAnchor.getAttribute('href');

var fbId = getParameterByName('h', href);

alert(fbId);

<code class="hidden_elem" id="ukftg4w44">
    <!-- <div class="mtm mlm">
     ...
      ....
    <span class="itemLabel fsm">Unfriend...</span></a></li>
    <li class="uiMenuItem" data-label="Report/Block...">
    <a class="itemAnchor" role="menuitem" tabindex="-1" href="/ajax/report/social.php?content_type=0&amp;cid=1352686914&amp;rid=1352686914&amp;ref=http%3A%2F%2Fwww.facebook.com%2F%3Fq&amp;h=AfjSxEzzdTSrz-pS&amp;from_gear=timeline" rel="dialog">
    <span class="itemLabel fsm">Report/Block...</span></a></li></ul></div>
     ....
    ...
    </div> -->
</code>

<button onclick="getParameterByName()">Try it</button>

试试看

---

你的小提琴几乎完成了，看看这把小提琴，它正在工作：

我将您的所有代码放在一个函数中，

getAttributes（）

，并添加了另一个属性以更好地测试您的问题：

var fbId = getParameterByName('h', href);
var cId = getParameterByName('cid', href);

document.getElementById('parameter-h').innerHTML  = fbId;
document.getElementById('parameter-cid').innerHTML  = cId;

alert(fbId + "\n" + cId);

HTML:

---

它在fiddle中工作，但当我从PC加载它时，我无法让它工作。我将函数放在函数GetParameter之间。。。获取属性（）；我和tags肯定在做些什么noobish，我就是想不出来。如果我把代码放回另一个提琴中，它工作得很好，但是当它全部放在我这边的一个页面中，我把它加载到浏览器中时，我得到了文本和按钮，但它什么也不做。真不敢相信我忘记了多少，嗯！