javaScript与jQuery访问DOM对象和获取或者设置其内容值的对比

转载于 2012-10-28 22:28:00 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/Hakkas/blog/85771

文章标签：

#javascript #ViewUI

本文通过一个实例对比了使用JavaScript和jQuery访问DOM对象及获取、设置内容的方法。通过简单的HTML页面展示了两种方式如何实现相同的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

<html>
<head>
<script>
   /*---javaScript 代码访问DOM对象和获取或者设置其内容值---*/

   var div_1 = getElementById('div_1'); //获取DOM对象
   var div_2 = getElementById('div_2'); //获取DOM对象

   var cDiv = div_1.innerHTML; //获取DOM对象中的内容
   div_2.innerHTML = cDiv;    //设置DOM对象中的内容

</script>
<script>
   /*---jQuery 代码访问DOM对象和获取或者设置其内容值---*/

   var div_1 = $("#div_1"); //获取DOM对象
   var div_2 = $("#div_2"); //获取DOM对象

   var cDiv = div_1.html(); //获取DOM对象中的内容
   div_2.html(cDiv);        //设置DOM对象中的内容

</script>
</head>
<body>
   <div id="div_1">javaScript与jQuery访问DOM对象和获取或者设置其内容值的对比</div>
   <div id="div_2"></div>
</body>
</html>

转载于:https://my.oschina.net/Hakkas/blog/85771