2017-06-26 151 views
1

下面的腳本不執行爲什麼jquery不改變我的背景顏色?

<script type="text/javascript"> 
$("mte").css("background-color", "red"); 
</script> 
<body> 
<div id='mte'>test 123</div> 
</body> 
+2

的可能的複製[爲什麼jQuery的或DOM方法等的getElementById找不到元素?](https://stackoverflow.com/questions/14028959/why-does- jquery-or-a-dom-method-such-getelementbyid-not-find-the-element) – Bugs

回答

2

當你的腳本運行,標籤還沒有被創建。把你的腳本放在div標籤後面。 jQuery表達式中也缺少散列符號。

<div id='mte'>test 123</div> 
<script type="text/javascript"> 
    $("#mte").css("background-color", "red"); 
</script> 

否則使用$(document).ready()方法,所以腳本將頁面加載的所有標籤之後才運行。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#mte").css("background-color", "red"); 
    }); 
</script> 
<div id='mte'>test 123</div> 
0
<script type="text/javascript"> 
    document.getElementById("mte").style.backgroundColor = "red"; 
</script> 
<body> 
<div id='mte'>test 123</div> 
</body> 
+1

document.getElementById(「mte」)。style.backgroundColor =「red」; 不改變背景顏色爲什麼? – user7213284

+0

你需要激活它 –

+0

test 123

0

jQuery的選擇是不正確的。

你應該這樣選擇它:

$("#mte") 

這是選擇具有ID的元素。它和CSS完全一樣。您試圖選擇標籤名稱爲mte的HTML元素列表不存在。同樣,類選擇器之前有句號或句號(.)。

的完整代碼如下:

$("#mte").css("background": "#ff0000"); 

此外,如果您使用的是選擇超過一次,分配選擇,以恆定的。

const mte = $("#mte"); 
mte.css("background": "#ff0000"); 

見W3學校的jQuery選擇指南:https://www.w3schools.com/jquery/jquery_ref_selectors.asp

祝你好運!

0

試試這個

<body> 
<div id='mte'>test 123</div> 
</body> 

<script> 
$("#mte").css("background-color", "red"); 
</script>