时间戳

首页 > 解决方案 > 以编程方式在内部文本中添加一个带有锚点的跨度标签

javascript - 以编程方式在内部文本中添加一个带有锚点的跨度标签

问题描述

我使用以下方法创建了一个跨度元素：

ele= document.createElement(span);
ele.innerText = "bla bla (<a href='https://www.pepe.com'> ble ble </a>) blu blu";
divele.appendChild(ele); #divele is an div in the page

问题是标签没有显示为链接，而是按字面意思显示。

标签： javascripthtml

解决方案

应该innerHTML代替innerText（因为字符串中包含 HTML）。应该用span单引号 ( '') 或双引号 ( "") 括起来。

var ele= document.createElement('span');
ele.innerHTML = "bla bla (<a href='https://www.pepe.com'> ble ble </a>) blu blu";
var divele = document.getElementById('divele');
divele.appendChild(ele);
<div id="divele"><div>

推荐阅读