第七节 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>

 

上一篇:DOM-XSS攻击原理与防御


下一篇:Uncaught TypeError: Cannot set property 'innerHTML' of undefined