Heim > Artikel > Web-Frontend > So steuern Sie den Titel und fügen Informationen über Js-Code hinzu

So steuern Sie den Titel und fügen Informationen über Js-Code hinzu

一个新手Original: 2017-10-10 10:02:111615Durchsuche

Erzielen Sie den Effekt

showTitle: Wenn auf die Schaltfläche „Titel anzeigen“ geklickt wird, werden alle angezeigt Der Titel wird angezeigt
hideTitle: Wenn auf die Schaltfläche „Titel ausblenden“ geklickt wird, werden alle Titel ausgeblendet.
addCity: Wenn auf die Schaltfläche „Stadt hinzufügen“ geklickt wird Wenn Sie darauf klicken, wird ein neuer Städtename

<!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>

unter der ursprünglichen Städteliste erstellt.

Das obige ist der detaillierte Inhalt vonSo steuern Sie den Titel und fügen Informationen über Js-Code hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie HTML5-Canvas, um eine gleichmäßige Bewegung zu erzielenNächster Artikel：So verwenden Sie HTML5-Canvas, um eine gleichmäßige Bewegung zu erzielen

In Verbindung stehende Artikel

Mehr sehen