URL少于/多于X个字符时隐藏内容

Question

我有一个HTML文档，当URL长度少于30个字符时，我想隐藏一些ID（在本示例中为id =“ test”）。

var test = document.getElementById('test');
var l = location.href.length;
if(l<30){function hide1(){test.style.display="none";}};

知道为什么这行不通吗？

Answer 1

您在声明一个函数而不是调用它。 而且您也不需要它。

更换

if(l<30){function hide1(){test.style.display="none";}};

与

if(l<30) test.style.display="none";

Answer 2

你应该做这样的事情

function hideAnchorWithLengthLessThan (anchor, length) {
    if (anchor.href.length < length) {
        anchor.style.display = 'none';
    }
}

比你能做的

var test = document.getElementById('test');
hideAnchorWithLengthLessThan(test, 30);