未定義的錯誤，當在調試中，試圖創建DIV

Question

我想執行下面的JavaScript，我得到一個未定義的錯誤。我只是試圖創造一些文字的div和span標記之前將其放置在頁面加載時..我會完全關閉基地與我的代碼，但：

<script type = "text/javascript"> 
function MMinsertPhoneinheader() { 
    var div = document.createElement('div'); 
    div.innerHTML = ("<span> <p> Get Detailed Pricing </p> <br> <p> <b> (866)682-7927 </b></p> </span>"); 
    div.setAttribute('class', 'cust'); 
    document.getElementsByTagName('span')[5].appendChild(div); 
    break; 
}; 
MMinsertPhoneinheader(); 
</script> 

任何幫助將是挽救生命。對於noob問題抱歉。謝謝！

這是新代碼：

<script language="javascript"> 
function MMinsertPhoneinheader() { 
    var div = document.createElement('div'); 
    div.innerHTML = ("<span> <p> Get Detailed Pricing </p> <br> <p> <b> (866)682-7927 </b></p> </span>"); 
    div.setAttribute('class', 'cust'); 
    document.querySelector(".toplinks").appendChild(div); 
}; 
MMinsertPhoneinheader(); 
</script> 

我得到的語法錯誤在第3行

var div = document.createElement('div'); 

Answer 1

擺脫break語句。這是你的問題。

此外，我建議使用document.querySelector而不是您的getElementsByTagName（'span'）[5]。

這是脆弱的。通過document.querySelector（），你可以使用一個css選擇器。