问题的原因是想要通过JavaScript更改一个元素的文本内容。文章中提到了几种解决方法。

首先，如果文本内容是硬编码的或者是你可以控制的字符串，可以使用innerHTML来更改文本内容。但是需要注意，如果文本内容是用户输入或者其他你无法控制的来源，那么使用innerHTML可能会导致内容注入攻击（如XSS），除非你已经对文本进行了正确的过滤和处理。

如果要使用用户输入的文本内容并且要保持跨浏览器兼容性，可以使用以下代码：

var span = document.getElementById('myspan');
span.innerText = span.textContent = 'newtext';

因为Firefox不支持innerText，而IE8不支持textContent，所以在实现跨浏览器兼容性时需要同时使用这两个属性。

如果希望尽可能避免重排（由innerText引起的），可以使用以下代码：

var span = document.getElementById('myspan');
if ('textContent' in span) {
    span.textContent = 'newtext';
} else {
    span.innerText = 'newtext';
}

最后，文章还提到了2022年的更新，即Firefox现在支持innerText，因此只需要使用这个属性就可以了。此外，还提供了相关链接供读者了解innerText和textContent之间的区别。

问题的原因是使用innerHTML来改变span元素的文本内容是不推荐的，因为这样会存在XSS攻击的风险。解决方法是创建一个textNode来绑定文本，然后将其添加到span元素中。

具体的解决方法如下：

1. 首先，通过getElementById方法获取到需要修改文本的span元素。

2. 创建一个textNode，将要显示的文本作为参数传入。

3. 使用appendChild方法将textNode添加到span元素中。

以下是具体的代码示例：

span = document.getElementById("myspan");
txt = document.createTextNode("your cool text");
span.appendChild(txt);

需要注意的是，使用innerHTML方法来改变文本内容是不安全的，因此应该避免使用。另外，需要注意的是，innerText方法在Firefox中不被支持，而textContent方法在IE8中不被支持。可以通过结构化代码来解决这些兼容性问题。

此外，需要注意的是，问题中没有提到用户输入的内容，因此说innerHTML不推荐使用是不合理的。只有在用户输入的内容需要进行过滤处理时，才需要注意使用innerHTML的安全性。

此外，创建元素的速度比使用innerHTML要快。使用appendChild方法并不会真正改变文本内容，而是将文本添加到原有文本的后面。如果需要替换原有文本，可以先使用span.innerHTML = "";将原有文本清空，然后再添加新的文本。

最后，对于这个问题已经被查看了超过65万次的情况，提到XSS攻击的漏洞是非常明智的，为了公共安全的利益，应该将其突出显示。

问题的出现原因是为了改变一个元素的文本内容，需要使用JavaScript。在现代浏览器中，推荐使用textContent属性来改变文本内容。然而，旧版本的浏览器可能不支持textContent，此时不推荐使用innerHTML，因为它可能引入XSS漏洞。

解决方法是使用document.getElementById("myspan").textContent="newtext";来改变文本内容。这样可以避免XSS漏洞。如果需要在元素中插入样式，可以使用setAttribute方法来添加样式属性：document.getElementById("myspan").setAttribute("style","cssvalues");。需要注意的是，这种解决方法不适用于IE8及以下版本的浏览器。

在这个问题中，一些回答提到了XSS漏洞的问题，建议使用textContent来改变文本内容，以确保安全性。同时，还有一些回答指出innerHTML和textContent的区别，以及对性能的影响。

最后，还有一些建议通过阅读相关博文来了解.innerText和.textContent之间的区别以及性能方面的考虑。