一か念う执着が 2022-08-20 10:33 采纳率: 94.1%
浏览 35
已结题

我是想把localStorage里面的数据显示到ul里面, 尝试过多次没有成功 以下是html和JavaScript的代码 希望能帮助我解决不显示的问题

我是想把localStorage里面的数据显示到ul里面,
尝试过多次没有成功
以下是html和JavaScript的代码
希望能帮助我解决不显示的问题


```html
<div id="sh_for_rmd_rods">
                        <div class="rods_font-del_box">
                                <span class="rods_font">搜索历史
                                <span id="Rod_Del" class="rods_del">全部删除
                        </div>
                        <ul id="ShowHistory">
                            
                        
                </div>


```javascript
 SearchBtn.onclick = function(){
        let userVal = SearchInput.value;
        let localCon = localStorage.getItem('SearchInputValue');
        arr = localStorage.getItem('SearchInputValue') ? arr = JSON.parse(localStorage.getItem('SearchInputValue')) : [];
        if(userVal == null||userVal == ''||userVal == undefined||userVal.replace(/(^\s*)|(\s*$)/g, "")==''){
            return;
        }else{
            let arr = [];
        }
        if(arr.indexOf(userVal)== -1){
            arr.unshift(userVal);
         };
         if(arr.length >= 15){
            arr.splice(arr.indexOf(14),1);
         };
         localStorage.setItem('SearchInputValue',JSON.stringify(arr));
         showLog();
        };
        rods_del.onclick = function () {
            localStorage.removeItem('SearchInputValue');
        };
         ShowHistory.addEventListener('click', function(e){
            if(e.target.nodeName == 'Li'){
                let datas = JSON.parse(localStorage.getItem('SearchInputValue'));
                console.log(e.target.dataset['index']);
                datas.splice(e.target.dataset['index'],1);
                localStorage.setItem('SearchInputValue',JSON.stringify(datas));
                showLog();
            };
         });
         function showLog(){
            let locals = JSON.parse(localStorage.getItem('SearchInputValue')) || [];
            let showHistorysHtml = '';
            for(let i = 0; i <locals.length; i++){
                showHistorysHtml += '
  • +locals[i]+
  • '
    ; } ShowHistory.innerHTML = showHistorysHtml; };
    
    
    • 写回答

    1条回答 默认 最新

    • 雾里桃花 2022-08-20 11:29
      关注

      在这个函数中打印一下showHisorysHtml看看有值吗

      img

      本回答被题主选为最佳回答 , 对您是否有帮助呢?
      评论

    报告相同问题?

    问题事件

    • 已结题 (查看结题原因) 8月22日
    • 已采纳回答 8月21日
    • 创建了问题 8月20日

    悬赏问题

    • ¥15 (标签-STM32|关键词-智能小车)
    • ¥20 关于#stm32#的问题,请各位专家解答!
    • ¥15 (标签-python)
    • ¥15 第一个已完成,求第二个做法
    • ¥20 搭建awx,试了很多版本都有错
    • ¥15 java corba的客户端该如何指定使用本地某个固定IP去连接服务端?
    • ¥15 activiti工作流问题,求解答
    • ¥15 有人写过RPA后台管理系统么?
    • ¥15 Bioage计算生物学年龄
    • ¥20 如何将FPGA Alveo U50恢复原来出厂设置哇?