javascript - 单击按钮时更改 div 的内容

Question

这是我的按钮:

<p>File Uploaded:</p><fieldset><div id='fileloc'>"PROGRAMMATICALLY INSERTED LINK TO FILE" <button type='button' onclick='fileDelete()'>Delete</button></div></fieldset>

这是我的脚本，尝试用上传按钮替换 div 中的值。

    <script type="text/javascript">
        var fileDelete = function() {
            var delDiv = document.getElementById("fileloc")
            delDiv.value('<p>Upload Support Document</p><fieldset><input type="file" name="file" id="file" /></fieldset>');
        }
    </script>

但是我收到错误:

delDiv.value 不是函数。

我会运行 document.delDiv 吗？我该如何正确地做到这一点？

Answer 1

您应该使用delDiv.innerHTML = '<p>...';反而。 value属性通常存在于 <input>元素，而不是 <div> s。

此外，您这样做的任何原因var fileDelete = function() {}与 function fileDelete() {} ？请参阅var functionName = function() {} vs function functionName() {}了解其中的差异以及一种方法是否比另一种方法更适用于您的问题。