黑马程序员技术交流社区

标题: 节点的增删改查 [打印本页]

作者: ExileSilent 时间: 2018-8-19 22:09
标题: 节点的增删改查
节点的增删改查
[mw_shl_code=html,true]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
      .div1,.div2,.div3,.div4{
         width: 300px;
         height: 100px;
      }
      .div1{
         background-color: green;
      }
      .div2{
         background-color: yellow;
      }
      .div3{
         background-color: rebeccapurple;
      }
      .div4{
         background-color: deeppink;
      }
</style>
</head>
<body>

<div class="div1">
<button onclick="add()">add</button>
hello div1
</div>
<div class="div2">
<button onclick="del()">del</button>
hello div2
</div>
<div class="div3">
<button onclick="change()">change</button>
<p>hello div3</p>
</div>
<div class="div4">hello div4</div>

<script>
###############增加节点######################
function change() {
      var img=document.createElement("img");//<img src="">
      //img.setAttribute("src","meinv.jpg");
      img.src="meinv.jpg";

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2