Javascript textContent 返回未定义

Question

这是我的代码:

var text1 = "↵,<strong>bla bla</strong>";//here text1 has value
text1 = text1.textContent;//here it is undefined

为什么？以及如何解决？

Answer 1

text1 是一个纯字符串，不是 DOM 元素。

如你所见in MDN , textContent 是 Node 对象的一个​​属性。 String相反的对象do not have such a property .

而且由于删除标签是一项非常简单的任务，因此添加一个相当大的库是没有意义的(尽管只要您想用 DOM 做更多的事情，jQuery 就很棒) , 这是一个简单的方法:

var elem = document.createElement('div');
elem.innerHTML = '<strong>hi &amp; bye</strong>';
alert(elem.textContent || elem.innerText || ''); // displays "hi & bte"