I had this problem too, and I solved it with adding an HTML5 enabling script:

<!--[if lt IE 9]>
<script>
  var e = ("abbr,article,aside,audio,canvas,datalist,details," +
    "figure,footer,header,hgroup,mark,menu,meter,nav,output," +
    "progress,section,time,video").split(',');
  for (var i = 0; i < e.length; i++) {
    document.createElement(e[i]);
  }
</script>
<![endif]-->

This is working fine for me. If you would like to submit additional test cases or further details to assist is in re-evaluating the original bug submitted we would be more than happy to take another look at it.

This too does not work...!!! JQUERY 1.3.2 min.

The same old error.. of IE 7 & 8 ... "Unexpected call to method or property access."...

function getPeople(people) {

$("#people_list").text(""); //UL element ID

$("input#autoNames").text("");

$.each(people, function(i) {

$("#people_list").append("<li>" + this.Name + "</li>");

});

}

Problem statement: {this.appendChild(E)}

Your comment is rather unclear to me. If you could so kind to provide a reproducible minimal test case which shows this bug with the current jQuery version we will investigate this issue.

How to report bugs

HTML:

<input type="text" id="autoNames" />

<label id="lblSelName">

</label>

<p>

<input type="button" id="addPerson" value="Add Person" />

<input type="button" id="deletCustomer" value="Delete Person" />

<input type="button" id="getPeople" value="Refresh List" />

<br />

<ul id="people_list">

</ul>

</p>

Script:

<script type="text/javascript">

$(this).ready(function() {

$.getJSON("/Home/PeopleGet", null, autoTextBox);

});

$(this).ready(function() {

$.getJSON("/Home/PeopleGet", null, getPeople);

});

function autoTextBox(people) {

var myCars = new Array();

$.each(people, function(i) {

myCars[i] = this.Name;

});

$("input#autoNames").autocomplete({

source: myCars

});

}

$(function() {

$("#getPeople").click(function() {

$.getJSON("/Home/PeopleGet", null, getPeople);

});

});

function getPeople(people) {

$("#people_list").text("");

$("input#autoNames").text("");

$.each(people, function(i) {

$("#people_list").append("<li>" + this.Name + "</li>");

});

$("input#autoNames").val('');

}

$("#addPerson").click(function() {

var name = $("input#autoNames")[0].value;

if (name == "") {

alert("You must provide a name");

return;

}

var person = { Name: name };

$.post("/Home/PeopleSave", person, null, "json");

$.getJSON("/Home/PeopleGet", null, getPeople);

alert("Customer is added to the database!");

$("input#autoNames").val('');

$("input#autoNames").focus();

});

$("#deletCustomer").click(function() {

var name = $("input#autoNames")[0].value;

if (name == "") {

alert("You must provide a name");

return;

}

var person = { Name: name };

$.post("/Home/PeopleDelete", person, null, "json");

$.getJSON("/Home/PeopleGet", null, getPeople);

alert("Customer successfully deleted from the database..!");

$("input#autoNames").val('');

$("input#autoNames").focus();

});

</script>

Bug still exists in 1.5.2;

// or var $menu = $input.after('<ul></ul>');

var $menu = $input.after('<ul />');

$menu.append("<li>item</li>");

IE 80.0.6001 on Win XP

I experienced the issue as well. The error was thrown when, somehow, in the context of append(), this referenced a SCRIPT tag and elem referenced a DIV.

I resolved the issue by rewriting append() to:

return this.domManip(arguments, true, function( elem ) {

if ( this.nodeType === 1 ) {

if (this.tagName.toUpperCase() === "SCRIPT") {

elem.appendChild( this );

}

else {

this.appendChild( elem );

}

}

});

A simple jsfiddle, does not work with IE 8 no matter what version of jquery I use:

http://jsfiddle.net/4XZRT/

Replying to [comment:8 anonymous]:

A simple jsfiddle, does not work with IE 8 no matter what version of jquery I use: http://jsfiddle.net/4XZRT/

Bad formed <a> tag, fix it and it works

I have got the same error. I replaced .html with .replaceWith and it worked.

Also getting the same error.

i also had the same error in jquery-1.9.1

********************

the problem was i used

$('#elid').text('');

i replaced text with val and it worked for me :)

Replying to [comment:1 jerone]:

I had this problem too, and I solved it with adding an HTML5 enabling script:

> <!--[if lt IE 9]>
> <script>
>   var e = ("abbr,article,aside,audio,canvas,datalist,details," +
>     "figure,footer,header,hgroup,mark,menu,meter,nav,output," +
>     "progress,section,time,video").split(',');
>   for (var i = 0; i < e.length; i++) {
>     document.createElement(e[i]);
>   }
> </script>
> <![endif]-->
> 

This can happen in IE8 when using a class as a selector.

Imagine the following...

<p class="update_me">Some text</p>

<input class="update_me" type="text" name="something" value="123">

If you were to do the following in IE8 it would cause this error...

$('.update_me').text('456');

Other browsers will let you get away with it, but IE8 will complain as the input field isn't compatible with the .text() method.

Happened to me, as well, while using .text("blabla") on an input.