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

时间:2015-07-17 09:37:21

标签: javascript onclick lightbox

所以我的网站上有一个灯箱,里面有一个链接。

当用户点击该链接时,他会被带到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中。如果有人能帮助我,我会非常感激!

1 个答案:

答案 0 :(得分:1)

document.getElementsById不是JS函数 如果要按ID定位多个元素,请使用document.querySelectorAll('#u_0_3')

我必须警告你,有效的HTML不允许你在多个元素上重复相同的id。我建议您通过focus_divdocument.querySelectorAll('.focus_div')使用上述document.getElementsByClassName('focus_div')类。

这是一个使用多个ID的工作小提琴:http://jsfiddle.net/7g4t9yxo/1/

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