Comment contrôler le titre et ajouter des informations via le code Js-js tutoriel-php.cn

Comment contrôler le titre et ajouter des informations via le code Js

一个新手

Libérer： 2017-10-10 10:02:11

original

1575 Les gens l'ont consulté

Obtenir l'effet

showTitle : lorsque vous cliquez sur le bouton Afficher le titre, tous Le titre est affiché
hideTitle : Lorsque le bouton Masquer le titre est cliqué, tous les titres sont masqués
addCity : Lorsque le bouton Ajouter une ville est cliqué, un nouveau nom de ville

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title></title>
    <script>
        //        function showTitle() {
        //            var titleElement = document.getElementById("title");
        //            titleElement.style.display = "block";
        //        }
        //
        //        function hideTitle() {
        //            var titleElement = document.getElementById("title");
        //            titleElement.style.display = "none";
        //        }

        function addCity() {
            var newElement = document.createElement("li"); // <li></li>
            var textNode = document.createTextNode("重庆"); // 重庆
            newElement.appendChild(textNode); // <li>重庆</li>

            document.getElementById("city").appendChild(newElement);
        }    </script></head><body><h3 id="title" style="display: block">八维学院</h3><h3 id="title222" style="display: block">八维学院222</h3><p>选择城市</p><ul id="city">
    <li>北京</li>
    <li id="city_2">上海</li>
    <li>天津</li></ul><input type="button" onclick="showTitle()" value="显示标题"/><input type="button" onclick="hideTitle()" value="隐藏标题"/><input type="button" onclick="addCity()" value="添加城市"/><script>
    /*window.document.getElementById("title");*/
    var arr = document.getElementsByTagName("h3");
    console.log(arr[0]);
    console.log(arr[1]);</script></body></html>

Copier après la connexion

sera créé sous la liste de villes d'origine.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!