html5_document简单使用

html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>

    <script>
        function addcity(){
            var newli = document.createElement("li");//创建一个li
            var newcity = document.createTextNode("山西");//要添加的城市名称
            newli.appendChild(newcity);//城市名称添加到li中   现在newli = 
  • 山西
  • var uu = document.getElementById("uu");//获取id uu.appendChild(newli); } function showhide(){ var h3 = document.getElementById("h3"); if(h3.style.display=="block"){ //alert("a"); h3.style.display="none"; }else{ //alert("aa"); h3.style.display="block"; } } script> head> <body align="center"> <h3 id="h3" style="display: block">黑马程序员h3> <input type="button" value="显示/隐藏 标题" οnclick="showhide()"><br><br><br> <ui id="uu"> <li>北京li> <li>上海li> <li>广州li> <li>天津li> <li>重庆li> ui> <input type="button" value="添加城市" οnclick="addcity()"> body> html>

    你可能感兴趣的:(html5_document简单使用)