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

#javascript #html #css

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

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

Ответы

Ответ 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;
}
123


Ответ 2

var x = "hello";
var y = "world";

document.querySelector("span").setAttribute("data-tooltip", x+"\n"+y);
123






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