javascript - 删除列表 javascript 的项目点击上的粗体标签 <b></b>

Question

我有一个简单的 HTML 表单和一个 div在其下方(作为搜索框和自动完成列表)。

我正在动态添加 <ul>列出“结果”div 。当我单击列表项时，我将该值放入输入框中。

问题是，当列表中的项目加粗时，输入框中的文本有 <b></b>粗体部分周围的标签。

<form>
    Search:
    <input type="text" id="searchbar">
</form>
<div id="result"></div>

var search = document.getElementById("searchbar");
search.value= "ap";

document.getElementById("result").innerHTML =
    "<ul><li><b>ap</b>ple</li><li><b>ap</b>plication</li></ul>";

$('#result').on('click', 'li', function(event) {
    search.value = this.innerHTML;
});

你可以在这里明白我的意思:http://jsfiddle.net/avfyvk2v/41/

有没有办法删除搜索框中的 标签？谢谢

Answer 1

尝试使用textContent而不是innerHTML :

search.value = this.textContent;

Demo