javaScript-DOM操作（六）

来源：互联网发布：宋茜演技知乎编辑：程序博客网时间：2024/05/19 18:16

（一）removeChild详解

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>insertBefore.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  </head>  <body>       <ul id="city">    <li id="bj" name="beijing">北京</li> <li id="sh" name="shanghai">上海</li> <li id="cq" name="chongqing">重庆</li>   </ul>  </body>    <script language="JavaScript">   //删除<ul id="city"> 下<li id="bj" name="beijing">北京</li>这个节点</ul>//1 获取北京节点var bjElement = document.getElementById("bj");//2 获取父元素var parentElement = bjElement.parentNode;//3 删除parentElement.removeChild(bjElement);  </script></html>

（二）innerHTML详解

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>form.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">  </head>  <body>    <div id="city"></div>  </body>  <script language="JavaScript">  //在div层中插入 <h1>今天</h1>//方法一////1 创建<h1>今天</h1>//var h1Element = document.createElement("h1");//var textElement = document.createTextNode("今天");//h1Element.appendChild(textElement);//////2 获取div//var divElement = document.getElementById("city");//////3 插入//divElement.appendChild(h1Element);//方法二document.getElementById("city").innerHTML = "<h1>今天</h1>";  </script>      </html>

0 0