html5_document简单使用

最新推荐文章于 2021-07-01 00:13:10 发布

绅V科技

最新推荐文章于 2021-07-01 00:13:10 发布

阅读量739

点赞数 1

本文链接：https://blog.csdn.net/Android___vv/article/details/78176916

版权

<!DOCTYPE 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 = <li>山西</li>

            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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

绅V科技

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5_document简单使用

html>html>head lang="en"> meta charset="UTF-8"> title>title> script> function addcity(){ var newli = document.createElement("li");//创建一个li var newcity =
复制链接

扫一扫