javascript - 重置标签的值

Question

我有以下标签，标签内部是一个保存文本的 div。我希望当用户点击删除按钮时，如图所示，

文本被改写为第二张图片上显示的内容。

下面是标签的代码:

<label id="uploadedInfo"><div id="result">Item to be uploaded</div></label> <button type="reset" class="btn btn-danger" id="deleteUpload"> Delete </button>

div 中显示的文本源自 Google 云端硬盘选择器生成的 URL。

任何帮助将不胜感激。

Answer 1

您可以放弃标签内的 div。然后在按钮的开始标记内添加以下内容:

onclick="document.getElementById('uploadedInfo').innerHTML = 'Item to be uploaded';"

更新的代码:

<label id="uploadedInfo">Test Data</label> <button type="reset" class="btn btn-danger" id="deleteUpload" onclick="document.getElementById('uploadedInfo').innerHTML = 'Item to be uploaded';"> Delete </button>