Показать сообщение отдельно
  #6 (permalink)  
Старый 22.07.2013, 10:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от proweb
как реализовать что бы часть заголовка попадала в тег к примеру span
Вариант решения для заголовков из 2 слов
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 span{
     color: red;
 }
  </style>
  <script>
    window.onload = function(){
   var h = document.getElementsByTagName('h1')
   for (var i=0; i<h.length; i++)  {
      var node = h[i].firstChild
      var text = h[i].firstChild.data.split(' ');
      node.data = text[0]+' ';
      var span = document.createElement('span');
      span.appendChild(document.createTextNode(text[1]))
      h[i].appendChild(span)
   }

}

  </script>
</head>
<body>
<h1>Новый блок</h1>
<h1>Новый блок</h1>
</body>
</html>
Ответить с цитированием