Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 编辑动态生成的列表项'；s文本中没有图标_Javascript_Edit - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 编辑动态生成的列表项'；s文本中没有图标

Javascript 编辑动态生成的列表项'；s文本中没有图标

javascript

Javascript 编辑动态生成的列表项'；s文本中没有图标,javascript,edit,Javascript,Edit,我正在玩著名的任务列表应用程序练习，并希望通过每个动态添加的中的编辑按钮来扩展它 现在我的是这样的： <li class="list-item"> "some text from my input" <a class="delete-task">... //delete icon <a class="edit-task">... //edit icon </li> “我输入的一些文本” 将文本包装在标记中，并仅使其可编辑 do

我正在玩著名的任务列表应用程序练习，并希望通过每个动态添加的
    • 中的编辑按钮来扩展它

    现在我的
    • 是这样的：

    <li class="list-item">
  "some text from my input"
  <a class="delete-task">... //delete icon
  <a class="edit-task">...   //edit icon
</li>

  • 
“我输入的一些文本”

    将文本包装在
    标记中，并仅使其可编辑
    


    document.querySelector（“a.edit-task”）
.addEventListener（“单击”，函数（e）{
e、 预防默认值（）；
var span=this.previousElementSibling；
span.contentEditable=span.contentEditable==“真”？“假”：“真”；
});

    。列表项span{右边距：10px；}
.列表项img{高度：16px；}
span[contenteditable=“true”]{背景色：黄色；}
    

      

    • 
洛雷姆·伊普苏姆·多洛尔·阿梅特。。。

      • 

    该死，很简单：）谢谢@Andreas，