javascript - document.getElementById() 问题

Question

我有这行代码:

<a href="#" id="profilelink" name="profilelink" 
    value="<?php echo $id."/".$block_record;?>" 
    onClick="return viewornot(<?php echo $id; ?>)">
   <?php echo $uniqueCode; ?>
</a>

所以我想通过 onclick 将与被阻止的 id 连接的 id 传递给我的 JS:

function viewornot()
{
    var val = document.getElementById('profilelink');
    var e = confirm('Do you want to view this profile?');

    if (e == true)
    { 
       //for live site
       window.location.href = "http://www.rainbowcode.net/index.php/profiles/showprofilepersonal?id="+id;
       return true;
    }
    else
    {
        //if val contains a 1 then user is blocked
        //display a message then
    }
    return false
}      

行:var val = document.getElementById('profilelink'); 没有给我我想要的它应该包含与 1(阻止)或 0(未阻止)连接的用户 ID($id."/".$blocked_user)

有人可以帮帮我吗？谢谢

Answer 1

document.getElementById('profilelink') 返回对 DOM 的引用，而不是您指定的值属性(这是无效的 HTML)。

将其更改为 document.getElementById('profilelink').value (在兼容的浏览器中可能会失败，因为值不是标签的有效属性)

或

document.getElementById('profilelink').getAttribute('value');

演示 http://jsfiddle.net/gaby/EWdLD/

---

另外，您很可能希望将 viewornot() 定义更改为 viewornot(id)，因为您似乎将其作为参数，并在您的方法中使用它。

---

安全方面，我希望您不要将此用于真正的安全，因为它很容易通过在客户端中操作 DOM 来绕过。为了获得更强大的安全性，请使用一些服务器端代码来阻止/取消阻止每个请求。