当URL小于/大于X个字符时隐藏内容

Question

我有一个html文档，当URL少于30个字符时，我想隐藏一些ID（在本例中，id =＆＃34; test＆＃34;）。

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);