單擊按鈕更改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> 。

另外，您在執行var fileDelete = function() {}與function fileDelete() {}任何原因是什么？ 請參見var functionName = function（）{}與function functionName（）{}，以了解區別以及一種方法是否比另一種適用於您的問題。

Answer 2

我認為這不是您想要的value ，而是innerHTML

document.getElementById("fileloc").innerHTML = '<p>Upload Support Document</p><fieldset><input type="file" name="file" id="file" /></fieldset>';

Answer 3

使用delDiv.innerHTML = '<p>...</p>';

Answer 4

它不是值，而是內部標記。 嘗試這個：

delDiv.innerHTML = '<p>Upload Support Document</p><fieldset><input type="file" name="file" id="file" /></fieldset>';

Answer 5

您應該改為更改innerHtml元素

delDiv.innerHtml = 'your html';

Answer 6

嘗試設置innerHTML屬性：

delDiv.innerHTML = '<p>Upload Support Document</p><fieldset><input type="file" name="file" id="file" /></fieldset>'

Answer 7

value是元素的屬性，因此可以通過賦值運算符進行設置：

delDiv.value =
    '<p>Upload Support Document</p><fieldset><input type="file" name="file" id="file" /></fieldset>';

但是，我認為您的意圖是在其中設置HTML：

delDiv.innerHTML = 
    '<p>Upload Support Document</p><fieldset><input type="file" name="file" id="file" /></fieldset>';

...哦，您忘了上一行的分號;）

Answer 8

您應該使用innerHTML ： delDiv.innerHTML = "..."