在javascript中创建的span在网页中显示为[object HTMLSpanElement]
在javascript中创建的span在网页中显示为[object HTMLSpanElement]
提问于 2016-01-02 15:21:45
我在javascript中创建了一个span标记，并使用.innerHTML试图将它附加到另一个标记中。但在网页中，它显示为object HTMLSpanElement。
var text = "Accessor Properties Example";
var enteredText = 'Prop';
var data = text.split(enteredText);
var pTag = document.getElementById('ab');
var newSpan = document.createElement('span');
newSpan.setAttribute('class','highlight');
newSpan.innerHTML=enteredText;
console.log(newSpan)
var plainText = data[0]+newSpan+data[1];
pTag.innerHTML = plainText;.highlight {color:#1a0dab;font-weight:bold}<p id="ab"></p>
Stack Overflow用户
回答已采纳
发布于 2016-01-02 15:31:19
您正在尝试将对象引用插入到字符串中。在设置目标的innerHTML之前，您可以获得表示span的HTML，并将这3条信息添加到一起。
var text = "Accessor Properties Example";
var enteredText = 'Prop';
var data = text.split(enteredText);
var pTag = document.getElementById('ab');
var newSpan = document.createElement('span');
newSpan.setAttribute('class','highlight');
newSpan.innerHTML=enteredText;
console.log(newSpan)
var plainText = data[0]+ newSpan.outerHTML +data[1]; // <- Change made here
pTag.innerHTML = plainText;.highlight {color:#1a0dab;font-weight:bold}<p id="ab"></p>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34567468
复制相关文章
相似问题
腾讯云开发者
