Question

我正在开展这个项目，我需要创建一个带有粘滞便笺的网站，这些便笺可以改变颜色，删除，调整大小并移动并移动到其他笔记上。

我最近一直在倒退。在“基本”功能上使用了这么多个小时，这些功能无法正常工作，现在就在这里！

所以我想听听是否有人可以帮助医学：

让onclick功能正常工作！我需要隐藏Jscolor转换器单击删除按钮时删除元素。当添加新的Note /贴纸时，Jscolor确实有效。

当我运行网站时，我得到它的第一个音符可以改变颜色，但当我添加一个新的我不能我想找到一个解决方案

我希望有人能帮助我。那些可以帮助我解决这些问题的人会从我这里获得一些东西：）

    <p class="half-circle">
    <button class="addNoteBtn">
        <i class="ion-android-add-circle"></i>
    </button>
</p>    


<script src="jscolor.js"></script>  



<!--<div class="sticker" id="rect">
    <div class="bar"></div>
    <button class="color" onclick="colorpicker"><i class="ion-android-color-palette"></i></button>
    <button class="deleteBtn" onclick="deleteaction"><i class="ion-android-delete"></i></button>
    <textarea></textarea>
    <input class="jscolor" onchange="update(this.jscolor)" value="cc66ff">
</div>-->

<script type="text/javascript">
    function update(jscolor) {
        document.getElementById('rect').style.backgroundColor = '#' + jscolor;
}
</script>

Answer 1

在您的代码中：

<script type="text/javascript">
    function update(jscolor) {
        document.getElementById('rect').style.backgroundColor = '#' + jscolor;
}
</script>

您正在呼叫getElementById()。只能有一个唯一的ID。

基本上我想说的是：

你有1个矩形。 Rec 1.您可以更改它的颜色，因为ID为rect。当您创建一个新的矩形时，您无法再次分配名为rect的ID，因为当您调用getElementById()时，它只会获得一个具有该ID的元素，它将是您创建的第一个元素这是Rect 1。

每个矩形ID都必须是唯一的。当您调用颜色选择器时，您需要getElementById()唯一的矩形。

Javascript应用程序，与elemens

1 个答案: