innerHTML 代表节点内的内容,能读能写
虽然不是 W3C 规定的标准,但是各浏览器都支持得很好
【例】
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ 300px; height: 300px; background: blue; border-bottom: 1px solid black; } </style> <script> function add(){ var ul = document.getElementsByTagName("ul")[0]; var lis = "<li>php</li><li>python</li><li>ruby</li><li>perl</li>"; ul.innerHTML = lis; } function add2(){ var ul = document.getElementsByTagName("ul")[0]; var lis = ul.innerHTML; ul.innerHTML += "<li>Node.js</li>"; } </script> </head> <body> <input type="button" value="添加php,python,ruby,perl" onclick="add();"> <input type="button" value="添加Node.js" onclick="add2();"> <ul></ul> </body> </html>