2016-12-07 53 views
-1

我不明白爲什麼我的extraInfo變量沒有被打印到網頁上。無法更改ID內的類,雖然沒有錯誤

正在檢索信息(我已經用alert()測試過),但我無法弄清楚爲什麼它不會用返回的值替代span文本。

我試過把它發出來包裹在P標籤中,雖然沒有錯誤出來,它仍然不會修改文本。

https://github.com/ralam87/Quote-generator

我要去哪裏錯了?

document.getElementById("source").getElementsByClassName("citation")[0] = extraInfo; 
+0

extraInfo應該是什麼?現在它必須是HTMLElement。如果它包含HTML try [0] .innerHTML = extraInfo; – Lain

回答

0

我經歷了你的例子。

注:當你試圖引用到第一個元素.citation類的時間分配存在不存在與類citation元素,因爲當你只是引用document.getElementById("source").innerHTML = author;之前將值設置爲源元素,它會被替換。

這是可能的解決方案

  1. 改變此document.getElementById("source").getElementsByClassName("citation")[0] = extraInfo;document.getElementsByClassName("citation")[0].innerHtml = extraInfo;

  2. 除去id<p id="source">

  3. 創建現有<p>內的另一個<span> or <div> or <p>元件並分配id=source到該內元件。例如<p><span id="source"></span><span id="citation"></span></p>

如果你想擁有源名稱後,然後在分配document.getElementById("source").innerHTML = author + ',';的時間。

如果你允許我,我也可以直接向你提供這個git 存儲庫。

相關問題