不能在javascript innerHTML中使用类

Question

<div id="myDiv" class="example">Example Text.</div> <button onclick="myFunction()">Click me</button>

我有一个改变内部html的函数

myFunction() {

  document.getElementById('myDiv').innerHTML="<ol class="example"><li>Example 1</li><li>Example 2</li><li>Example 3</li></ol>"

}

当我添加类时，我得到一个错误：意外的标识符。为什么是这样？如果我有

Answer 1

使用单引号''来设置类。如果您在双引号内使用双引号“”，则会遇到您遇到的问题。

myFunction() {

  document.getElementById('myDiv').innerHTML="<ol class='example'><li>Example 1</li><li>Example 2</li><li>Example 3</li></ol>"

}

Answer 2

在javascript中，都是＆＃34;＆＃34;和＆＃39;＆＃39;对字符串有效，但如果我们想要使用＆＃34;＆＃34;会发生什么？或者＆＃39;＆＃39;在一个字符串里面？

var str = "he said to me 'hi'"

没有问题，只要嵌套字符（＆＃34;或＆＃39;）与外部字符（＆＃39;或＆＃34;分别）不同

所以在你的例子中：

myFunction() {
  document.getElementById('myDiv').innerHTML="<ol class='example'><li>Example 1</li><li>Example 2</li><li>Example 3</li></ol>"
}

Answer 3

不要使用＆＃34;＆＃34;在里面＆＃34;＆＃34;没有\而你忘了在myFunction（）之前键入函数

<div id="myDiv" class="example">Example Text.</div> <button onclick="myFunction()">Click me</button>

function myFunction() {

  document.getElementById('myDiv').innerHTML="<ol class='example'><li>Example 1</li><li>Example 2</li><li>Example 3</li></ol>";

}