Как превратить input в span с текстом javascript(no jquery)?

258
23 декабря 2017, 04:41

Как превратить input в span с текстом javascript без jquery?

Код замены с jquery

$('.simpleCart_input').replaceWith(function(){ 
   return '<span class='+this.className+'>'+this.value+'</span>' 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<input type="text" value="1" class="simpleCart_input"/>

Answer 1

var $input = document.querySelector(".simpleCart_input"); 
var $span = document.createElement("span"); 
 
$span.innerHTML = $input.value; 
 
$input.parentNode.replaceChild($span, $input);
<input type="text" value="1" class="simpleCart_input"/>

READ ALSO
Присвоенный класс не хочет работать
jQuery

Присвоенный класс не хочет работать

Доброго времени суток всем, нужна небольшая помощьНавешиваю на класс проверку с помощью

 255
Помогите с dasharray и dashoffset
CSS

Помогите с dasharray и dashoffset

Никак не могу понять как правильно выставить stroke-dasharray и stroke-dashoffsetу меня результат на картинке сверху, снизу показано как нужно, и различия...

 304
Как поменять цвет контролов тега audio?
CSS

Как поменять цвет контролов тега audio?

Имеется html5 тэг audioЯ в списке webkit нашел как поменять цвет таймлапса, но не нашел как поменять цвет контрола

 581
Как сделать меню свернутым при загрузке?
CSS

Как сделать меню свернутым при загрузке?

Я сделал адаптивное меню, но при загрузке страницы оно уже развернуто, а нужно, чтобы было свернутымЯ пытался пофиксить это, добавляя к #menu-item...

 319