2

我不知道为什么这个选择器不起作用。

HTML 元素很简单：

    <div id="myDiv">Original Text</div>

我使用的脚本很简单：

    <script language="javascript" src="jquery.min.js"></script>
    <script type="text/javascript"> 
    $(document).ready(function(){
        $("#myDiv").innerHTML = "Replaced Text";
    });

由于某种原因，这不起作用，而其他两个选项确实起作用：

选项1：

    document.getElementById("myDiv").innerText = "This will work!"

选项 2：

    $("#myDiv").get(0).innerHTML = "This will work as well!"

我正在阅读的每个教程都说，如果我像我一样使用 $(#id)，选择器将简单地工作。

有任何想法吗？

4

3 回答 3

5

jQuery 对象使用.html()方法，而不是innerHTML：

$("#myDiv").html("Replaced Text");
于 2012-12-26T19:24:09.900 回答
2

$("#myDiv")是 jQuery 对象，你不能设置它的innerHTML属性，因为它没有。

使用 jQuery 方法.html()或.text()

$("#myDiv").html("Replaced Text");

选项 1 有效，因为它只是普通的 JS - 您选择元素并设置其属性。选项二有效，因为您从 jquery 对象获取 DOM 元素并设置其属性 - 也有效。

于 2012-12-26T19:24:24.190 回答
0 
 $(document).ready(function(){
        $("#myDiv").html("Replaced Text");
    });
于 2012-12-26T19:24:51.647 回答