Показать сообщение отдельно
  #2 (permalink)  
Старый 08.05.2015, 17:37
Аватар для JsConAp
Интересующийся
Отправить личное сообщение для JsConAp Посмотреть профиль Найти все сообщения от JsConAp
 
Регистрация: 22.02.2015
Сообщений: 24

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
   <div class="block">
<a class="listen_href" data-media-url="http://mysite.ru/04c9993c2d.wav">
   </a>
  <div class="control">
<a class="link" alt="Текст1">Текст</a>
  <div>
<div>
<div class="block">
<a class="listen_href" data-media-url="http://mysite.ru/0f99932c2d.wav">
   </a>
  <div class="control">
<a class="link" alt="Текст2">Текст</a>
  <div>
<div>
<div class="block">
<a class="listen_href" data-media-url="http://mysite.ru/0fc92cd.wav">
   </a>
  <div class="control">
<a class="link" alt="Текст3">Текст</a>
  <div>
<div>

    <script>
          var block = document.querySelectorAll(".block");
  for (var i = 0; i < block.length; i++) {
      var link = block[i].querySelector(".link"),
          dataMediaAtribute = block[i].querySelector("a[data-media-url]"),
          attr = dataMediaAtribute.getAttribute("data-media-url");
      if (attr) {
          link.setAttribute("href", attr);
      }
  }
    </script>
</body>
</html>
Ответить с цитированием