Javascript函數動態生成html元素

我有一個具有Javascript功能的文件，一個html文件。我試圖運行節點js並調用HTML文件內的Javascript函數來動態地創建句子，段落，按鈕等。我寫了一些代碼，並找不出它爲什麼不起作用。下面是試圖建立一個句子一個例子：Javascript函數動態生成html元素

JavaScript文件

function createSentence (Sentence) { 
var para = document.createElement("p"); 
var node = document.createTextNode(Sentence); 
para.appendChild(node); 
return para; 
}

HTML文件

<!DOCTYPE html><html><head></script><script type='text/javascript' src='https://3fff7b133eda5c4b3ff4e8218aa7df3f97359aad.googledrive.com/host/0BzXiziikGpV9flRzQkY5VUdkY0g1WjM2aFBrX3U5WmZUU0h2MFVfcnZJNnBhdWowQWVmbVU/createHit.js'></script></head><body> 
<div id = "radio_home"></div> 
<script language='Javascript'> 
document.getElementById("radio_home").appendChild(createSentence(Sentence)); 
</script></body></html>

「源」在HTML文件中包含的路徑給Javascript該文件在Google驅動器上公開託管。我希望它能夠在HTML頁面呈現時在div中顯示「radio_home」的位置顯示句子，但這不是我所看到的。有人請檢查代碼，並幫助我的語法？

來源

2015-07-20 HumaniTech

什麼變量'Sentence' –

的值即代碼將拋出一個參考誤差（用於從主HTML'使用Sentence'）。而JavaScript文件目前是無效的（因爲它缺少大括號）。請閱讀錯誤控制檯。 – user2864740

closed}至少缺少 – Reflective

正如Abraar Arique所述。用你的文字替換Sentense，如「這是我的文字。」：

document.getElementById("radio_home").appendChild(createSentence("This is my text."));

而且language='Javascript'無效。而使用：

<script type="text/javascript">

來源

2015-07-20 07:34:17 modiX

Javascript函數動態生成html元素

回答

相關問題