導航:首頁 > 編程語言 > js改變css中的內容

js改變css中的內容

 發布時間：2024-11-21 18:47:02

⑴ 用js或CSS如何修改網頁的文本內容

css用content屬性配合:after或者:before偽類理論上是可以做到的，不過比較麻煩，而且會有瀏覽器兼容的問題。推薦用js的方法來實現，具體的步驟可以參照參考資料裡面的做法。

⑵ 如何用JS修改已載入的CSS樣式表樣式要詳細的教程

修改已載入的樣式表？這是要做什麼， JS不能修改樣式表，只可以修改對象的樣式屬性。還是說你修改了樣式表頁面卻沒有發生變化？如果是這樣有2個辦法，清緩存，或是給樣式表標簽添加參數。

⑶ 如何用JS來改變CSS屬性

通過js來改變CSS屬性，使用jQuery可以很方便的實現，像這樣：

$("img").css('border-color','red');

就可以把邊框顏色都變成紅色。

這是針對此問題的測試頁面

⑷ js如何更改css樣式，

請看以下例子：
<html>
<head>
<meta charset="utf-8">
<title>exp</title>
<style>
p{
background-image:url(寫你的圖片url);
}
</style>
</head>
<body>
<p id="p"></p>
<a href="javascript:void(0);" onclick="hideImg()">點擊我隱藏</a>
<a href="javascript:void(0);" onclick="showImg()">點擊我顯示</a>
<a href=" http://www.dadaxun.com/">達達尋</a>
</body>
</html>
<script>
function hideImg(){
var p = document.getElementById("p");
p.style.backgroundImage = "";
}

function showImg(){
var p = document.getElementById("p");
p.style.backgroundImage = "url(寫你的圖片url)";
}
</script>

達達尋 dadaxun 為你解答

⑸ 如何用js改變多個框架的css，也就是讓網頁整體換膚

<linkhref="css/color1.css"id="color"rel="stylesheet"type="text/css"/><!--注意這行的id-->
<aonclick="changeStyle(1)">樣式1</a>
<aonclick="changeStyle(2)">樣式2</a>


上面是html，下面是js.把選定的樣式載入進cookies ,網頁載入先查cookie。


functiongetObject(elementId){//獲取指定id的object
if(document.getElementByIdx){returndocument.getElementByIdx(elementId);}
elseif(document.all){returndocument.all[elementId];}
elseif(document.layers){returndocument.layers[elementId];}
}
functionchangeStyle(id){//切換樣式
varstylesheet=getObject("color").href="css/color"+id+".css";
document.cookie="stylesheet="+escape(stylesheet);//寫入Cookie
//alert(document.cookie);
//alert(stylesheet);
}
functioninitStyle(){//初始化樣式，如果cookie存在樣式，則載入cookie樣式，否則載入默認樣式
if(/stylesheet=([^;]+)/.test(document.cookie))//判斷是否存在cookie.
getObject("color").href=unescape(RegExp.$1);
//alert(/stylesheet=([^;]+)/.test(document.cookie));
}initStyle();

⑹ JS修改CSS設置的樣式

語法：元素.style.樣式名=樣式值

注意：如果CSS的樣式名中含有-，這種名稱在JS中是不合法的，比如 background-color 。需要將這種樣式名修改為駝峰命名法：去掉-，然後將-後的第一個字母大寫，比如 backgroundColor

我們通過style屬性設置的樣式都是內聯樣式，而內聯樣式有較高的優先順序，所以通過JS修改的樣式往往會立即顯示
但是如果在樣式中寫了!important，則此時樣式會有最高的優先順序，即使通過JS也不能覆蓋該樣式，此時將會導致JS修改樣式失效
所以盡量不要為樣式添加!important

語法：元素.style.樣式名
通過style屬性設置和讀取的都是內聯樣式，無法讀取樣式表中的樣式

語法:元素.currentStyle.樣式名
如果當前元素沒有設置該樣式，則獲取它的默認值
例如： box1.currentStyle.width

這個方法是window的方法，可以直接使用需要兩個參數
第一個:要獲取樣式的元素
第二個:可以傳遞一個偽元素，一般都傳null

該方法會返回一個對象，對象中封裝了當前元素對應的樣式
可以通過對象﹒樣式名來讀取樣式

如果獲取的 樣式沒有設置 ，則會獲取到真實的值，而不是默認值
比如:沒有設置width，它不會獲取到auto，而是 一個長度

注意：通過currentStyle和getComputedstyle()讀取到的樣式都是只讀的，不能修改,如果要修改必須通過style屬性

參數：
obj 要獲取樣式的元素
name 要獲取的樣式名

閱讀全文

與js改變css中的內容相關的資料

熱點內容
如何修改蘋果電腦用戶名和密碼 瀏覽：164
win7電腦右下角的網路連接圖標不見 瀏覽：735
怎麼把ps文件變成源文件 瀏覽：807
如何把圖片放進這個文件夾 瀏覽：530
誰有qq認證圖標復制 瀏覽：881
2014年web伺服器測試工具 瀏覽：192
win7鏡像文件怎麼用 瀏覽：983
多數據can怎麼發送 瀏覽：997
什麼是夏威夷果種植技術app 瀏覽：160
上海學習編程哪個地方好 瀏覽：958
股票軟體與交易編程軟體哪個好 瀏覽：216
linux如何查看一個文件的位置 瀏覽：911
c頭文件無法打開源文件stdafx 瀏覽：750
蘋果x的桌面上可以建文件夾 瀏覽：368
ug8532位破解版安裝教程 瀏覽：490
電腦網路如何重新驅動 瀏覽：125
win10連接伺服器命令 瀏覽：228
盧克raid活動20升級卷 瀏覽：969
機票預訂什麼網站好 瀏覽：690
讀寫xml配置文件 瀏覽：153

友情鏈接