Форум

proweb · #1 (**permalink**) 19.07.2013, 17:59

Здравствуйте есть задача вложить в заголовок дополнительный тег к примеру

<h1>Новый <span>блог</span></h1>

Заголовок как известно в многих cms выводится в переменной.
помогите пожалуйста ...
как реализовать что бы часть заголовка попадала в тег к примеру span

ОлегА · #2 (**permalink**) 22.07.2013, 08:22

как вариант

onload = function(){
    document.getElementsbyTagName('h1').appendChild('<span>блог</span>')
}

рони · #3 (**permalink**) 22.07.2013, 09:52

Сообщение от ОлегА

onload = function(){ document.getElementsbyTagName('h1').appendChild('< span>блог</span>')}

нерабочий код

skrudjmakdak · #4 (**permalink**) 22.07.2013, 10:00

Сообщение от рони

нерабочий код

абсолютно согласен!
вот:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
	<input type="button" value="кликай меня полностью!" onclick="buttonClick();">
    <span></span>
    <script type="text/javascript">
    function buttonClick()
      {
	  var span = document.createElement('span');
	  span.innerHTML = 'блог';
      document.getElementsByTagName('span')[0].appendChild(span);
      }
    </script>

  </body>
</html>

рони · #5 (**permalink**) 22.07.2013, 10:14

Сообщение от ОлегА

это невставится с помощью appendChild

рони · #6 (**permalink**) 22.07.2013, 10:16

Сообщение от 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>

ОлегА · #7 (**permalink**) 22.07.2013, 10:17

поспешил, еще 1 вариант

onload = function(){
    document.getElementsByTagName('h1')[0].innerHTML += '<span>блог</span>';    
}

ruslan_mart · #8 (**permalink**) 22.07.2013, 13:32

(function() {
   var a = document.getElementsByTagName('h1')[0];
   var b = document.createElement('span');
   b.innerHTML = 'блог';
   a.appendChild(b);
})();

Или:

document.getElementsByTagName('h1')[0].appendChild(function()
{
   var a = document.createElement('span');
   a.innerHTML = 'блог';
   return a;
}());

Форум

Справочник

Discord чат

Курсы javascript