不能與普通的JavaScript既不能改變的innerHTML不使用jQuery

下面是簡單的頁面的源代碼：不能與普通的JavaScript既不能改變的innerHTML不使用jQuery

<html> 
<head> 
    <title>Test</title> 
    <script src="jquery-1.4.2.js" type=text/javascript></script> 
</head> 
<body> 
    <div id="divText">Original</div> 

    <script type="text/javascript"> 
     var vText = document.getElementById('divText'); 
     vText.innerText = 'Changed'; 
     alert(vText.innerHTML); 
     $('divText').text = 'Changed with jQuery'; 
     alert(vText.innerHTML); 
    </script> 
</body> 
</html>

「jQuery的1.4.2.js」文件是在同一文件夾中。

兩個警報顯示「原始」文本，文本瀏覽器還「原始」 ...

什麼是錯我的代碼？任何想法都歡迎。

來源

2010-09-16 Budda

正如您在標題中指出的那樣，您將希望更改內部html。您還需要$('#divText')選擇器才能使用jQuery進入div。

<html> 
<head> 
    <title>Test</title> 
    <script src="jquery-1.4.2.js" type=text/javascript></script> 
</head> 
<body> 
    <div id="divText">Original</div> 

    <script type="text/javascript"> 
     var vText = document.getElementById('divText'); 
     vText.innerHTML = 'Changed'; 
     alert(vText.innerHTML); 
     alert($('#divText')); 
     $('#divText').html('Changed with jQuery'); 
     alert(vText.innerHTML); 
    </script> 
</body> 
</html>

來源

2010-09-16 22:32:45

。 A quick google（花了我2秒）顯示文本是函數，而不是一個屬性。直接從API中以.text('lol')作爲示例使用它。

http://api.jquery.com/text/

。 innerText不適用於每個瀏覽器/ DOM屬性。

來源

2010-09-16 22:22:36

1.同意，也看到了，但「丟失」 ... 2.是啊，代碼是我的工作，並沒有在Chrome中工作，但在FF（反之亦然）工作 – Budda 2010-09-17 01:07:54

不能與普通的JavaScript既不能改變的innerHTML不使用jQuery

回答

相關問題