Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/firebase/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在我列表的每个数据中添加链接?_Javascript_Firebase_Web_Firebase Realtime Database - Fatal编程技术网

Javascript 如何在我列表的每个数据中添加链接?

Javascript 如何在我列表的每个数据中添加链接?,javascript,firebase,web,firebase-realtime-database,Javascript,Firebase,Web,Firebase Realtime Database,创建新教室后,数据将发送到列表中,如 IMG 1: 现在,我如何在每个教室中添加/制作(a)链接,这样每当我点击它时,它就会将我重定向到一个页面,并向我显示他们的具体数据,如教室ID、学生等 代码如下: //retrieving var userRef = firebase.database().ref().child('Classes' + '/' + user.uid); userRef.on('child_added', function(data) { var roomNa

创建新教室后,数据将发送到列表中,如 IMG 1:

现在,我如何在每个教室中添加/制作(a)链接,这样每当我点击它时,它就会将我重定向到一个页面,并向我显示他们的具体数据,如教室ID、学生等

代码如下:

//retrieving

var userRef = firebase.database().ref().child('Classes' + '/' + user.uid);
userRef.on('child_added', function(data) {

    var roomNames = data.val().TheClass;

    var ul = document.createElement('ul');
    document.getElementById('myList').appendChild(ul);

    var li = document.createElement('li');
    ul.appendChild(li);
    Object.keys(roomNames).forEach(function(key) {
        li.innerHTML += roomNames[key];

    });


});

//adding

function classcreation(q) {
    var checkcn = document.getElementById('classroomName').value;
    if (checkcn == "" && checkcn == null) {
        alert("Empty Class Name!!");
    } else {
        var usuid = generateId();
        var myClasses = {};
        myClasses.TheClass = document.getElementById('classroomName').value;
        myClasses.Teacher = user.displayName;
        myClasses.TeacherID = user.uid;
        myClasses.ClassID = usuid;
        fbclass.child(user.uid).push().set(myClasses);

    }
}

您可以这样指定:

<li><a href="#redirect">BSIT</a></li>
<li><a href="#redirect">BSCS</a></li>
<li><a href="#redirect">BSCE</a></li>
  • 在这里,重定向是部分html,单击列表项文本后将在其中着陆


    我希望这将对您有所帮助

    您的代码是什么?图像没有帮助,代码是。请添加您的代码。很抱歉,我忘了添加代码。您现在可以查看它;)因此,创建一个链接并将其附加到li…在li创建之后,您可以创建一个标记var a=document.createElement('a');李.儿童(a);将内部html附加到标记。。我会修改我的答案,这样它会很有帮助。我的意思是,制作或添加一个链接,这样我就可以点击it@Dodong对标记定义了一个超链接,用于从一个页面链接到另一个页面。元素最重要的属性是href属性,它指示链接的目的地。默认情况下,链接将在所有浏览器中显示如下