поУЧИТЕЛНИ ТЕСТОВЕ

emilang · **Публикувано на:** Сря Фев 19, 2014 10:49 pm

Цитат:

Вижте разликата в кодовете по-долу и резултатите и ми обяснете какво става...

Код:

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тестове</title>
  <script>
   function test()
   {var el=document.getElementById("e");
     alert(el.style.backgroundColor + " | " + el.style.width);
   }
  </script>
 </head>
 <body>
  <div id="e" style="width:100px; height:100px; background-color:red"></div>
  <input type="button" onclick="test()">
 </body>
</html>

и

Код:

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тестове</title>
  <style>
   #e{width:100px; height:100px; background-color:red}
  </style>
  <script>
   function test()
   {var el=document.getElementById("e");
     alert(el.style.backgroundColor + " | " + el.style.width);
   }
  </script>
 </head>
 <body>
  <div id="e"></div>
  <input type="button" onclick="test()">
 </body>
</html>

emilang · **Публикувано на:** Нед Фев 23, 2014 9:43 pm

Тук - дали става ясна работата?

На мен лично ми става ясно, че инлайн свойствата и неинлайн такивата не са едно и също... може би...

А на едно място видях/попрочетох и за разлика м/у атрибути и свойства... и то не за CSS, но ще го постна малко по-надолу...

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GET Attribute Value</title>
<script>
function ga1()
{
  alert(document.getElementsByTagName("a")[0].getAttribute("target"));
}
function ga2()
{
  alert(document.getElementsByTagName("a")[0].target);
}
</script>
</head>

<body>
  <a href="#" target="_blank">LINK</a>
  <input type="button" onclick="ga1()">
  <input type="button" onclick="ga2()">
</body>
</html>

Ето едно хубаво място по темата...

Цитат:

getAttribute retrieves the attribute of a DOM element, while el.id retrieves the property of this DOM element. They are not the same.

fentg.com

Правила на форума

поУЧИТЕЛНИ ТЕСТОВЕ

Кой е на линия