所以我的网站上有一个灯箱,里面有一个链接。
当用户点击该链接时,他会被带到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中。如果有人能帮助我,我会非常感激!
答案 0 :(得分:1)
document.getElementsById
不是JS函数
如果要按ID定位多个元素,请使用document.querySelectorAll('#u_0_3')
。
我必须警告你,有效的HTML不允许你在多个元素上重复相同的id。我建议您通过focus_div
或document.querySelectorAll('.focus_div')
使用上述document.getElementsByClassName('focus_div')
类。
这是一个使用多个ID的工作小提琴:http://jsfiddle.net/7g4t9yxo/1/
请注意,我在末尾添加focuss('u_0_3');
以激活行为。