setAttribute перенос строки

189
21 января 2020, 05:40

Как сделать перенос строки в setAttribute? \r\n не сработали и \n тоже и это тоже  

bt11.setAttribute("data-tooltip","Количество"+"\r\n"+"очков ");

Answer 1

Есть речь про тултипы - вот такой вариант, найдено тут

var x = "hello"; 
var y = "world"; 
 
document.querySelector("span").setAttribute("data-tooltip", x+"  "+y);
[data-tooltip]:before { 
  visibility: hidden; 
  pointer-events: none; 
} 
 
[data-tooltip]:before { 
  position: absolute; 
  margin-top: 22px; 
  margin-left: 22px; 
  width: 160px; 
  background-color: #000; 
  color: #fff; 
  content: attr(data-tooltip) '\A' attr(data-tooltip); 
  white-space: pre-wrap; 
} 
 
[data-tooltip]:hover:before { 
  visibility: visible; 
}
<span class="asd">123</span>

Answer 2

var x = "hello"; 
var y = "world"; 
 
document.querySelector("span").setAttribute("data-tooltip", x+"\n"+y);
<span class="asd">123</span>

document.querySelector("span").setAttribute("data-tooltip", "Количество \n Очков");
<span class="asd">123</span>

READ ALSO
Калькулятор размера на vue.js

Калькулятор размера на vue.js

Хочу сделать калькулятор для расчета размера арматуры на vuejs

132
Рекурсивное создание полей теста

Рекурсивное создание полей теста

Я пытаюсь динамически создать тест по кнопкеДобавил функцию

104
Как в JS создать событие по нажатию на radio button

Как в JS создать событие по нажатию на radio button

Как в js сделать так, чтобы при нажатии на любой input type="radio" переходило на следующий вопрос, то есть чтобы было аналогично нажатию кнопки "Далее"...

127
Как достать из json содержимое? [закрыт]

Как достать из json содержимое? [закрыт]

Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение

126