第七节 JavaScript操作元素包裹的内容

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script type="text/javascript">
 7         window.onload = function(){
 8             var oDiv = document.getElementById('div1');
 9             var sTr = oDiv.innerHTML;
10             alert(sTr);
11             oDiv.innerHTML = '这是改写后的内容';
12             // 甚至可以直接塞入一个html语句
13             oDiv.innerHTML = "<a href='https://www.baidu.com'>这是百度div</a>";
14 
15         }
16     </script>
17 </head>
18 <body>
19     <div id="div1">这是一个div元素</div>
20 </body>
21 </html>

 

posted @ 2020-03-14 16:45  kog_maw  阅读(231)  评论(0)    收藏  举报