外部JavaScript函数编辑HTML列表标题

External JavaScript function editing HTML list title

本文关键字：列表 标题 HTML 编辑 JavaScript 函数 外部      更新时间：2023-09-26

全部，

我正在制作一个登录页面。成功登录后，已登录用户的用户名应显示在屏幕顶部。单击用户名后，会出现一个下拉列表。

所以我有一个HTML脚本，它将创建一个未排序的列表。我想在HTML中调用一个外部javaScript函数。我希望该函数使用javascript函数中处理的自定义输入来编辑未排序列表的标题，并使列表可见，因为它在默认情况下不显示。如何编辑此脚本，以便调用函数为我的未排序列表创建自定义标题？

Javascript

function successfulLogin() { 
    $("#UserDropdown").show();
    document.getElementById("loginMenu").innerHTML = "my stuff";
}

HTML

<script src="~'Scripts'successfulLogin.js" style="display: none"></script>
<div id="dropboxbackground">
<div>
<ul id="dropdown">
    <li>
        <a id="loginMenu" href="#">title</a>
        <ul>
            <li><a href="#">Account Settings</a></li>
            <li><a href="#">Logout</a></li>
        </ul>
    </li>
</ul>
</div>
<header>
    <div id="headerBar"></div>
</header>

在锚标记内创建一个标签，单击用户名后，使用href='javascript:successfulLogin(('或根据用于显示用户名的控件类型调用successfulLoginjavascript方法。

<script src="~'Scripts'successfulLogin.js" style="display: none"></script>
<div>
<ul id="dropdown">
<li>
    <a id="loginMenu" href='#'><label id="lbl"> title
     </label></a>
    <ul>
      <li><a href="#">Account Settings</a></li>
        <li><a href="#">Logout</a></li>
    </ul>
</li>
</ul>
</div>

并将您的javascript(jquery(写成：这将把有序列表的标题更改为"somestuff">

function successfulLogin() { 
$("#UserDropdown").show();
$('#lbl').text("somestuff");
 }
相关文章：