作者weedey (寒翼)
看板Ajax
標題[問題] jquery .html 保留CSS
時間Thu Dec 6 22:10:29 2018
各位版大好，最近小弟開始研究JQUERY碰到一個問題
舉例如下：
<html>
<link rel="stylesheet"
href="<c:url value='/menu/mainmenu.css'/>" type="text/css" media="all">
<body>
<h2>JavaScript can Change HTML</h2>
<p id="p1">Hello World!</p>
<script> document.getElementById("p1").innerHTML = "New text!";</script>
<p>The paragraph above was changed by a script.</p>
</body>
</html>
***********mainmenu.css**********************
p{
background-color:green ;
}
他的會顯示白底的New text!
簡單說我只要替換的是裡面的字，但是又能夠吃到原始的css內容
讓他顯示綠底的New text!
跪求各位大神幫忙，感謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.229.243.160
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1544105435.A.072.html
1F：→ tino1991: <link rel='stylesheet' href='./menu/mainmenu.css' /> 12/06 22:38
2F：→ tino1991: 這裡歪掉了? 12/06 22:38
3F：→ laechan: 你在p那邊加個東西看看，如color,底線.. 12/07 02:21
4F：→ laechan: in mainmenu.css 12/07 02:22
5F：→ laechan: 或是你先不使用這個css檔，直接$("p").css("background-c 12/07 02:25
6F：→ laechan: olor","green"); 試試 12/07 02:25
7F：→ laechan: 但要加個 is 的 src 12/07 02:25
8F：→ laechan: js 12/07 02:26
9F：→ CloudyWing: 單純CSS檔路徑跑掉，所以沒吃到吧 12/07 02:56
10F：→ pttrAin: js是對的，一定是CSS出問題，找看看吧 12/07 15:56