javascript - 通过脚本编辑器从 SharePoint 上的 Javascript 内部调用 CSS

标签 javascript css sharepoint

我目前在 SharePoint 脚本编辑器 Web 部件上放置了一段 JavaScript 代码。这个想法是,如果查询字符串为 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>

我怎样才能让它正常工作?

最佳答案

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

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

关于javascript - 通过脚本编辑器从 SharePoint 上的 Javascript 内部调用 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47732824/

相关文章:

sharepoint - 在 SPList 上设置 ForceCheckout

javascript - 选择文件后显示图像文件名(web)

css - 媒体查询不适用于浏览器或移动设备

javascript - 在 Javascript 中围绕起点创建 n 边形状的偏移量

html - 像内联 block 一样放置 svg-groups

html - 支持带代码验证的 HTML 和 CSS 的最佳免费 Windows IDE?

c# - 如何报告 SharePoint 计时器作业的状态

asp.net - 向 SharePoint Web 控件添加属性

javascript - 在 Chrome 中模拟点击 'a' 标签

javascript - 通过 json 发送 3 个变量未正确发送