Question

我正在Sharepoint服务器上构建一个网站，该网站具有我无法访问或删除的特定CSS文件。是否可以使用jQuery在呈现之前从DOM中删除这些样式表？或者我可以在页面上指定某些元素以仅遵循特定的CSS样式而不从此文件中呈现其他元素吗？

Answer 1

你是否有理由想在简单的Javascript上使用JQuery？

您可以使用此Javascript替换外部样式表。

function createjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 return fileref
}

function replacejscssfile(oldfilename, newfilename, filetype){
 var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist using
 var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
 var allsuspects=document.getElementsByTagName(targetelement)
 for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
  if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(oldfilename)!=-1){
   var newelement=createjscssfile(newfilename, filetype)
   allsuspects[i].parentNode.replaceChild(newelement, allsuspects[i])
  }
 }
}

replacejscssfile("oldscript.js", "newscript.js", "js") //Replace all occurences of "oldscript.js" with "newscript.js"
replacejscssfile("oldstyle.css", "newstyle", "css") //Replace all occurences "oldstyle.css" with "newstyle.css"

详细了解this page。

Answer 2

此代码禁用了Firebug控制台中的stackoverflow样式表。

var href = "http://sstatic.net/stackoverflow/all.css?v=84b08398d3dc";
jQuery('link[rel=stylesheet][href="' + href + '"]').get(0).disabled = true

与所有javascript一样，它可以在没有jQuery的情况下完成。而且我假设您有充分的理由采用javascript解决方案，而禁用样式表的明显方法是删除HTML中的引用。

（改编自this post，展示了如何使用jQuery切换样式表。）

Answer 3

您提到无法从SharePoint中删除CSS文件...

这是否意味着您没有Masterpage文件的访问权限？我建议在使用jQuery解决方法之前尝试编辑母版页。

如果您可以访问母版页，则可以删除对那里的Sharepoint特定CSS文件的引用。

Sharepoint Designer中的

_catalogs
- 母版页（母版画廊）
  - [YourMasterPageFile]

从<head>

中删除以下内容

<Sharepoint:CssLink runat="server"/>

如何使用jQuery停止渲染CSS文件？

3 个答案: