Javascript 有没有更好的方法来处理innerHTML?

Javascript 有没有更好的方法来处理innerHTML?,javascript,Javascript,我想知道是否有比我在这里做的更好的方法来做innerHTML。我这样做会造成问题,因为我不能有三重嵌套引号。除此之外,这真的很难观察和管理。谢谢 function buttonClicked(buttonValue) { switch (buttonValue) { case 1: soundFolders.innerHTML = "<li onClick='buttonClicked(11);'>Thunder 1<

我想知道是否有比我在这里做的更好的方法来做innerHTML。我这样做会造成问题,因为我不能有三重嵌套引号。除此之外,这真的很难观察和管理。谢谢

function buttonClicked(buttonValue)
{
    switch (buttonValue)
    {   
        case 1:
            soundFolders.innerHTML = "<li onClick='buttonClicked(11);'>Thunder 1</li> <li onClick='buttonClicked(13);'>Light Rain 1</li> <li  onClick='buttonClicked(0);'>Back</li>";   
            break;

        case 11:
            if(!thunder1Control)
            {
                thunder1.play();
                var thunder1Control = document.createElement("li");
                soundList.appendChild(thunder1Control);
                thunder1Control.innerHTML = "<h3>Thunder 1</h3> <button class='stopSound' onClick='thunder1.pause(); thunder1.currentTime=0; thunder1Control.parentNode.removeChild(thunder1Control); '>X</button> <button  class='volDown' onClick='thunder1.volume -= 0.25;'>-</button> <button class='volUp' onClick='thunder1.volume += 0.25;'>+</button>";
                thunder1Control.setAttribute("class", "playingSound");
            }
功能按钮点击(按钮值)
{
开关(按钮值)
{   
案例1:
soundFolders.innerHTML=“
  • 小雨1
  • Javascript JQuery滚动侦听器

  • Javascript Karma runner在TDD上出现解析错误时退出

  • Javascript 使用JQUERY和正则表达式重写URL

  • Javascript 如何使用正则表达式将数据转换为另一种形式?

  • Javascript 如何在网页上平滑滚动?

  • Javascript Array.prototype.join不在IE 8中工作

  • Javascript 如何使用Ajax+Jquery更新XML文件?

  • Javascript 注意:unserialize():偏移量为0(共1个字节)时出错

  • Javascript js backgroundImage()加载时淡入?

  • Javascript 以有角度的方式执行jquery

  • javascript中的for循环以获取选择列表中的值

  • 将特殊字符转换为html jquery或javascript

  • Javascript 切换时如何使Div完全清除?

  • Javascript 如何从html表单中获取多个复选框值

  • Javascript 使用jQuery清除WTForm中的某些字段

  • Javascript 如何从扩展名为(.rtf)的word文档中获取文本?

  • Javascript 如何在react组件中显示API数据?

  • Javascript 使用componentDidUpdate更新对象中的状态时出现问题

  • Javascript 从HTML代码段中提取value属性