从零开始学_JavaScript_系列(33)——dom.append()与$.append()
2017-01-19 15:20
399 查看
(39)dom.append()与$.append()
通过原生js获取到的dom,和通过jQuery获取到的dom,都有append方法,但是他们表现出来的效果是有所区别的。
具体来说,如代码:
<div id="test1"></div>
<div id="test2"></div>
<script>
var dom1 = document.getElementById("test1");
dom1.append('原生js获取的dom的append方法是不能:<b>加粗</b>和<em>斜体</em>的');
var dom2 = $("#test2");
dom2.append('jQuery获取到的dom的append方法是可以:<b>加粗</b>和<em>斜体</em>的');
</script>
显示结果是:
原生js获取的dom的append方法是不能:<b>加粗</b>和<em>斜体</em>的
jQuery获取到的dom的append方法是可以:加粗和斜体的
通过原生js获取到的dom,和通过jQuery获取到的dom,都有append方法,但是他们表现出来的效果是有所区别的。
具体来说,如代码:
<div id="test1"></div>
<div id="test2"></div>
<script>
var dom1 = document.getElementById("test1");
dom1.append('原生js获取的dom的append方法是不能:<b>加粗</b>和<em>斜体</em>的');
var dom2 = $("#test2");
dom2.append('jQuery获取到的dom的append方法是可以:<b>加粗</b>和<em>斜体</em>的');
</script>
显示结果是:
原生js获取的dom的append方法是不能:<b>加粗</b>和<em>斜体</em>的
jQuery获取到的dom的append方法是可以:加粗和斜体的
相关文章推荐
- 从零开始学_JavaScript_系列(33)——dojo 的 tree
- HTML、CSS、JavaScript从零开始系列文章
- 深入理解JavaScript系列(23):JavaScript与DOM(上)——也适用于新手
- javascript系列之DOM(二)
- javascript系列之DOM(三)---事件
- javascript系列之DOM(二)
- Javascript DOM 控制系列教程一(转)
- 深入理解JavaScript系列(33):设计模式之策略模式
- 深入理解JavaScript系列(33):设计模式之策略模式
- 深入理解JavaScript系列(24):JavaScript与DOM(下)
- 深入理解JavaScript系列(23):JavaScript与DOM(上)——也适用于新手
- 深入理解JavaScript系列(24):JavaScript与DOM(下)
- 深入理解JavaScript系列(24):JavaScript与DOM(下)
- 深入理解JavaScript系列(33):设计模式之策略模式
- javascript系列之DOM(一)
- Javascript中的线程以及获取动态Dom元素的问题--thread/appendChild/setTimeout
- 深入理解JavaScript系列(24):JavaScript与DOM(下)
- 深入理解JavaScript系列(33):设计模式之策略模式
- 深入理解JavaScript系列(23):JavaScript与DOM(上)——也适用于新手
- 深入理解JavaScript系列(24):JavaScript与DOM(下)