javascript - 重定向后突出显示网站的部分

Question

所以我的网站上有一个灯箱，其中有一个链接。

当用户点击链接时，他将被带到domain.com/sub#target

目标区域非常小，因此突出显示它非常重要。

这就是我已经走了多远:

Jsfiddle:http://jsfiddle.net/mt9z6d7k/1/

function focuss (id) {
        var divs = document.getElementsById('u_0_3');

        var count = divs.length; 
        for (var i = 0; i < count; i++) {
            if (divs[i].className == 'focus_div'){
                divs[i].onclick = highlight(id);
            }
        }
}

function highlight(id) {

    document.getElementById(id).style.borderColor = '#ff0000';
}

不幸的是，解决方案必须是 JavaScript 。如果有人可以帮助我，我将非常感激!

Answer 1

document.getElementsById 不是 JS 函数。
如果您想通过 ID 定位多个元素，请使用 document.querySelectorAll('#u_0_3')。

我必须警告您，有效的 HTML 不允许您在多个元素上重复相同的 id。我建议您通过执行 document.querySelectorAll('.focus_div') 或 document.getElementsByClassName('focus_div')< 来使用一个类，例如上面的 focus_div/。

这是一个使用多个 id 的工作 fiddle :http://jsfiddle.net/7g4t9yxo/1/

请注意，我在末尾添加了 focuss('u_0_3'); 以激活该行为。