多行工具提示不能以编程方式工作

Question


应该在工具提示悬停上分隔线。

这不起作用：

var doesntwork = document.getElementById("doesntwork")
doesntwork.title = "line1
asdfa";

但是在html中这样做：

<div title="line1&#13;asdfas" id='works'>
</div>

在此处查看此示例，只需将鼠标悬停在方块上：

https://jsfiddle.net/foreyez/3yg535jq/

我有什么遗失的吗？

Answer 1

我一直遇到这个问题。出于某种原因，xml特殊字符在输入xml时工作正常，但在通过javascript添加时则不行。这很烦人

我不确定它是否是您可以使用的解决方案，而不是使用＆＃13;你可以使用\ n

doesntwork.title = "line1\nasdfa";

Answer 2

尝试这样做：doesntwork.title = "line1\r\nasdfa";

/r回车。 换行符/n

请参阅小提琴：https://jsfiddle.net/DIRTY_SMITH/3yg535jq/4/

Answer 3

我发现这个小小的解决方案，如果没别的话，我想出了幽默。

https://jsfiddle.net/1fp7frer/

var doesntwork = document.getElementById("doesntwork")
doesntwork.title = "line1
asdfas".replace(/&#(\d+);/g, String.fromCharCode);

#works {
  width:100px;
  height:100px;
  background:blue;
}

#doesntwork {
  width:100px;
  height:100px;
  background:red;
}

<div title="line1&#13;asdfas" id='works'></div>
<br/>
<div id='doesntwork'></div>