使用javascript更改包含图像的按钮文本-使用转义单引号

我有一个带有以下HTML代码的按钮，它在第一次运行时运行良好：

<button type='button' class='btn-success chbtn' id ='basketbutton'>Click to see basket <img class='btnbasket' src='images/cart.png' alt='Cart'/> ".$basketnumber." items</button>

一切都很好

我认为是我使用单引号的方式和包含它们的img引用把事情搞砸了。定义文本的双引号不存在，我需要在php中定义它们，以便正确构建脚本

我试过使用

"HTML代码，但这不起任何作用，也不会以双引号的形式出现（在jS函数的HTML页面上仍然是
"；
），错误仍然会发生

我尝试过使用
.innertext
和
.textcontent
但没有效果

我希望有人能在正确的方向上帮助我
正如@ADyson:）所建议的那样，摆脱正确的单引号对我来说很有效。）

document.getElementById（'basketbutton'）。innerHTML='点击查看篮子'+obj.baskettotal+'项目'；

非常感谢你的指点。我首先犯了一个错误，将XMLHttpRequest请求响应（obj.baskettotal）的引号转义为文本，而不是值
 您需要转义字符串中的引号，例如
\'
或使用双引号。JS认为innerHTML字符串值以
class='
结尾，当然，之后的所有内容对它来说都是无意义的，这会导致语法错误。请提供一个JSFIDLE来帮助您？查看问题中代码段输出中IDE/中的语法突出显示。您应该能够看到，
“
正在终止您的字符串，而不是插入一个
”
@ADyson我认为您的引号是对的。我正在使用php构建页面，需要了解转义引号，看看是否可以让它正常工作。谢谢你的提示：）@jammi我已经修补了JSfiddle，但不是专家。我拥有的网页所基于的主要代码是将其写入HTML的php。我认为问题在于我编写php代码的方式以及它传递到HTML的方式。如果我在HTML/Javascript中正确地编写了它，并且在正确的位置使用了双引号，那么它就可以正常工作。
document.getElementById('basketbutton').innerHTML=  'Click to see basket <img class='btnbasket' src='images/White shopping cart.png' alt='Cart'/>   ' +obj.baskettotal+ ' items';

document.getElementById('basketbutton').innerHTML=  'Click to see basket ' +obj.baskettotal+ ' items';

document.getElementById('basketbutton').innerHTML=  'Click to see basket <img class=\'btnbasket\' src=\'images/White shopping cart.png\' alt=\'Cart\'/> ' +obj.baskettotal+ ' items';