原生javascript如何設定元素的屬性

admin發表於2017-03-31

下面就通過程式碼例項介紹一下如何利用原生JavaScript實現此功能,程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<link id="antzone" rel="Stylesheet" type="text/css"/> 
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  var olink=document.getElementById("antzone");
  olink.setAttribute("href","css.css?"+(new Date()).getTime());
}
</script>
</head>
<body>
<div>上面的程式碼會將時間戳新增於css檔案之後</div>
</body>
</html>

上面的程式碼就是動態的設定link標籤的src屬性值。

setAttribute()方法可以參閱setAttribute()一章節。

相關文章