2016-01-14 34 views
2

我正在嘗試使用JavaScript動態地將標題更改爲我的網站,因此標題沒有改變。我的HTML,爲了簡單起見,看在一個名爲something.js像使用innerHTML沒有任何作用

&ltdiv class="container"&gt 
    &lth1 id="name"&gtNic&lt/h1&g 
    &ltp id="email"&gt&lt/p&gt 
    &lthr&gt 
&lt/div&gt 

&ltscript src="js/something.js"&gt&lt/script&gt 

我的JavaScript的生活,看起來像

$(document).ready(function() { 
    console.log('I got run'); 
    $('#name').innerHTML = "YO"; 
    $('#email').innerHTML = "why hello"; 
}) 

出於某種原因,我在日誌中看到控制檯但HTML永遠不會改變。爲什麼標題沒有改變?

我曾嘗試尋找堆棧溢出問題 Javascript: Does not change the div innerHTML 這裏Setting innerHTML: Why won't it update the DOM?然而和許多其他他們沒有解決我的問題。

回答

1

jQuery的( 「文本」)不具有innerHTML屬性來設置HTML而不是它的方法。

使用.text()如果你的內容是純文本

像這樣

$('#name').text("YO"); 

如果是HTML內容,然後使用.html()

像這樣

$('#name').html("<p>YO</p>"); 

DEMO

2

在jQuery中使用的.html,而不是.innerHTML

$(document).ready(function() { 
    console.log('I got run'); 
    $('#name').html("YO"); 
    $('#email').html("why hello"); 
})