Div增加動態不會拾取CSS屬性

-3

請考慮下面的HTML代碼。在該代碼中，我動態地添加了一個類爲「dynamic」的DIV，我期望它能夠獲取爲該類定義的CSS屬性，而該屬性又會顯示一個黑色方塊。然而，黑色的方塊從未出現。我在這裏做錯了什麼？如果沒有，那麼是否有方法可以預先定義CSS屬性並動態添加元素，或者我應該在添加元素之後始終添加CSS屬性（這看起來不方便）。謝謝。Div增加動態不會拾取CSS屬性

<!DOCTYPE html> 

<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script> 

$(function() { 

    $("body").append(
     $("<div/>").attr("class", "dynamic") 
    ) 

}); 

</script> 

<html> 
<head> 
<style> 

.dynamic { 
    backgorund-color: black; 
    width: 100px; 
    height: 130px; 
    left: 10px; 
    top: 10px;  
} 

</style> 
</head> 

<body> 
</body> 

</html>

來源

2014-06-29 jazzblue

您錯誤地輸入了'background-color'，看起來好像不是拼寫錯誤，因爲正確輸入它應該會使您的代碼正常工作。 –

在你的類，你拼寫錯誤背景：

.dynamic { 
    background-color: black; 
    width: 100px; 
    height: 130px; 
    left: 10px; 
    top: 10px;  
}

我還建議jQuery的的.addClass()代替.attr()

$("<div/>").addClass("dynamic")

http://jsbin.com/qufeq/1/

來源

2014-06-29 00:56:21

-1

您有拼寫錯誤background-color。您可能希望在將來再次檢查拼寫，因爲解決這些微不足道的問題要比等待答案容易得多。

來源

2014-06-29 01:08:27

-1：不讀評論和以前的答案 – JFK

Div增加動態不會拾取CSS屬性

回答

相關問題