js如何添加DOM节点（新人报道，请多支持哦~）

nina_hui 2017-02-23 01:52:13

<div class="pic-module">
<img src="img/2.jpg" />
<div class="partialBorder">

<h1>cceshi</h1>

</div>
</div>

我要如何用js在<h1></h1>后面加进去
<div class="leftTop"></div>
<div class="rightTop"></div>
<div class="leftBot"></div>
<div class="rightBot"></div>

是整段代码变成
<div class="pic-module">
<img src="img/2.jpg" />
<div class="partialBorder">

<h1>cceshi</h1>
<div class="leftTop"></div>
<div class="rightTop"></div>
<div class="leftBot"></div>
<div class="rightBot"></div>
</div>
</div>
这样的呢谢谢

...全文

221 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

nina_hui 2017-02-24

打赏
举报

谢谢大神们

天际的海浪 2017-02-23

打赏
举报


<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

  <div class="pic-module">
    <img src="img/2.jpg" />
    <div class="partialBorder">
          
            <h1>cceshi</h1>

    </div>
  </div>
<script type="text/javascript">
$(function(){
    var dom = '<div class="leftTop"></div>'+
              '<div class="rightTop"></div>'+
              '<div class="leftBot"></div>'+
              '<div class="rightBot"></div>';
    $(".partialBorder").append(dom);
});
</script>

jio可 2017-02-23

打赏
举报

引用 3 楼 nina_hui 的回复:

谢谢但是我试了好像不行

要引入jquery.js 还有script要写在dom下面

nina_hui 2017-02-23

打赏
举报

谢谢但是我试了好像不行

nina_hui 2017-02-23

打赏
举报

jio可 2017-02-23

打赏
举报

//jquery var dom = ' <div class="leftTop"></div> <div class="rightTop"></div> <div class="leftBot"></div> <div class="rightBot"></div>'; $(".partialBorder").append(dom); //原生appendChild

Javascript考试题目选择题.doc

jscript从入门到精通

该项目是微信小程序的demo，里面包含了模板（template），自定义组件（component），小程序数据请求的promise封装等等内容。是新手开发最好的代码例子。