小编Mar*_*usz的帖子

点击事件 - 每次点击时添加 html 元素 - 纯 js

大家好,我可能有一个小问题,我不知道如何解决这个问题,我需要onclick每次单击它时添加 html 代码的事件,我不想使用innerHTML,因为它有风险,这是代码:

button.addEventListener('click',function () {
    const elements = `<div class="list-elem ${classList} data-id=${id}">
            <div class="to-do-date">
                <h3>${myDateString + ' ' + myTimeString}</h3>
            </div>
            <i class="fas fa-times" style="display: flex;"></i>
            <div class="to-do-topic">
                <h1>${topic.value}</h1>
            </div>
            <div class="to-do-text">
                <p>${textarea.value}</p>
            </div>
        </div>`
    toDoLists.appendChild(elements);
    id++
})
Run Code Online (Sandbox Code Playgroud)

如果我使用append()它,它的工作原理如下:

追加看起来像这样

在此输入图像描述

如果我使用appendChild(),我会出现以下错误:

TypeError:Node.appendChild 的参数 1 不是对象。

可能我很笨,修复方法很简单,无论如何我想用纯 JS 来制作它,而不需要 jquery。

我希望我能在这里得到帮助,谢谢:)

html javascript

5
推荐指数
1
解决办法
3077
查看次数

反向数组的最短代码

我需要找到用于反转数组的最短代码,目前我有这个:

weirdReverse=a=>a.sort(()=>1)
Run Code Online (Sandbox Code Playgroud)

这是一个代码战争挑战,其长度为29个字节.我需要长度<= 28所以我需要删除1个字节,我不能改变这个部分:

weirdReverse=a=>a
Run Code Online (Sandbox Code Playgroud)

我不能用reverse().

javascript arrays sorting reverse

2
推荐指数
1
解决办法
170
查看次数

标签 统计

javascript ×2

arrays ×1

html ×1

reverse ×1

sorting ×1