来自jQuery的innerHTML和.html()之间的区别

前端之家收集整理的这篇文章主要介绍了来自jQuery的innerHTML和.html()之间的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人可以告诉 jquery .html()函数和innerHTML有什么区别?
<script type="text/javascript">
$(document).ready(function(){
            $('#test_link').click(function(){

                //$('#div_test_out').html("<div width='250px' height='100px' id='div_test'><script language='javascript'>alert('insider');<\/script>asddsa</div>");
                document.getElementById('div_test_out').innerHTML="<div width='250px' height='100px' id='div_test'><script language='javascript'>alert('insider');<\/script>asddsa</div>";      
            });
});
</script>
<a href="#" id="test_link" >TEST LINK :-)</a><br/><br/>
<div width="100px" height="100px" id="div_test_out"></div>

当我使用第一个选项,那就是jQuery,运行中的脚本,并且alert显示出来,但是如果我使用第二个选项与innerHTML(我虽然是相同的,它们之间没有区别),脚本不工作; – (

可能是什么原因?

解决方法

jQuery的.html()方法是一个用于访问和操作innerHTML的多功能函数.当用作setter时,它返回用于链接的jQuery集合.当用作吸气剂时,它返回集合元素内部的标记表示.

当您将其用作设置器 – 将标记写入元素时,jQuery会读取标记并从中提取脚本.然后将它们以导致其执行的方式分别添加到DOM中. .html()隐含地导致一些操作(脚本处理是一个),而对innerHTML的写入只是使innerHTML变化,但是这个HTML完成的很少.

猜你在找的jQuery相关文章