从脚本编辑器中在SharePoint上的Javascript中调用CSS

时间:2017-12-09 20:23:02

标签: javascript css sharepoint

我目前有一个JavaScript代码,我放在SharePoint脚本编辑器webpart上。我们的想法是,如果查询字符串为1,它将调用SP CSS来隐藏高级搜索Web部件,否则显示它。

我让JavaScript成功检索到查询字符串的值,但是如何让它从Javascript if语句中调用CSS。

我需要从Javascript调用的CSS如下:

.srch-advancedtable {

visibility: hidden;
}

我的JavaScript如下,但它没有成功调用CSS:

<script>

function getParamValuesByName (querystring) {
var qstring = window.location.href.slice(window.location.href.indexOf('?') + 
1).split('&');
for (var i = 0; i < qstring.length; i++) {
var urlparam = qstring[i].split('=');
if (urlparam[0] == querystring) {
   return urlparam[1];
}
}
  }  var uid = getParamValuesByName('id');


document.write(uid);

if (uid == 1){

alert("the value is 1")

document.getElementById("srch-advancedtable").visibility = hidden;
}


</script>

我怎样才能使其正常工作?

1 个答案:

答案 0 :(得分:0)

找到答案,这是一个CSS类而不是ID。这很有效:

document.getElementsByClassName("srch-advancedtable")[0].style.visibility= "hidden";