Question

我的css 3工具提示（创建后的this tutorial）显示了这个：

Name </br> Description

而不是

Name
Description

用于创建工具提示的html代码是由我的javascript脚本创建的：

var DivItem = document.createElement("div");
var span = document.createElement("span");
var spanText = document.createTextNode(Name + "<br>" + Description;

span.appendChild(spanText);
span.className = "TooltipText";

DivItem.appendChild(span);
DivItem.className = "Tooltip";

MainDiv.appendChild(DivItem);

我需要在这里使用javascript代码因为我制作了一个项目列表（来自json），我需要一个工具提示来显示有关悬停项目的更多信息。

Answer 1

不出所料，

createTextNode创建了一个文本节点。

如果你想要一个br元素，你需要创建一个元素。

var span = document.createElement("span");
span.appendChild(document.createTextNode(Name));
span.appendChild(document.createElement("br"));
span.appendChild(document.createTextNode(Description));

Answer 2

您可以使用以下createTextNode代替：

span.innerHTML = `${Name}<br>${Description}`

Answer 3

使用createdHTML创建已创建的元素。您可以实现reference

-(void)viewDidLoad {

  _backgroundImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"background.jpg"]];
     [self.view addSubview:_backgroundImageView];
}

-(void)viewDidLayoutSubviews {

    [super viewDidLayoutSubviews];

    CGPoint centerImageView = _backgroundImageView.center;
    centerImageView.x = self.view.center.x;
    _backgroundImageView.center = centerImageView;
}

Answer 4

你不能使用文本节点来渲染html.instead你可以使用innerHTML

Html没有在css工具提示上工作

4 个答案: