Доброго времени суток, я недавно занялся JS и столкнулся с таким вопросом: если указать значение цвета в
background так
|
Код:
|
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<style>
#test {
position:absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: white;
}
#test1 {
position:absolute; top: 100px; left: 300px; width: 100px; height: 100px; background-color: red;
}
#answer {
position:absolute; top: 300px; left: 200px; width: 100px; height: 50px; background-color: black;
}
</style>
<script>
function one(){
var a = document.getElementById("test").style.backgroundColor;
var b = document.getElementById("test1").style.backgroundColor;
if (a == "white") {
alert('true');
}
else {
alert('false');
}
}
</script>
</head>
<body>
<div id = "test"></div>
<div id = "test1"></div>
<div id = "answer"; onClick="one()";></div>
</body>
</html> |
то выдаёт
Ложь, а если так
|
Код:
|
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<script>
function one(){
var a = document.getElementById("test").style.backgroundColor;
var b = document.getElementById("test1").style.backgroundColor;
if (a == "white") {
alert('true');
}
else {
alert('false');
}
}
</script>
</head>
<body>
<div id = "test" style="position:absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: white;"></div>
<div id = "test1" style="position:absolute; top: 100px; left: 300px; width: 100px; height: 100px; background-color: red;"></div>
<div id = "answer" style="position:absolute; top: 300px; left: 200px; width: 100px; height: 50px; background-color: black;" onClick="one()"></div>
</body>
</html> |
то
Правду. Вопрос почему если указывать цвет внутри тега то программа работает, а если по другому подключать стиль то нет?
