时间戳

首页 > 解决方案 > 我无法在函数中显示跨度 - javascript

javascript - 我无法在函数中显示跨度 - javascript

问题描述

我不知道如果内部函数然后在 html 中通过 span 显示它，我该如何使用。

这是我的功能：

    <script type="text/javascript" src="praytimes.js"></script>
<script type="text/javascript">

function ptt() {
    var date = new Date(); // today
    var dhours = new Date().toTimeString().split(" ")[0];   
    var PT = new PrayTimes('Makkah');
    var times = PT.getTimes(date, [24.46666, 39.59998], +3);    
    if (times.fajr > dhours){    
        document.getElementById("pyr").innerHTML = '<center>الفجر <br/>'+ times.fajr + '</center>';
    } else if (times.sunrise > dhours){  
        document.getElementById("pyr").innerHTML = '<center>الإشراق <br/>'+ times.sunrise + '</center>';
    } else if (times.dhuhr > dhours){    
        document.getElementById("pyr").innerHTML = '<center>الظهر <br/>'+ times.dhuhr + '</center>';
    } else if (times.asr > dhours){ 
        document.getElementById("pyr").innerHTML = '<center>العصر <br/>'+ times.asr + '</center>';
    } else if (times.maghrib > dhours){ 
        document.getElementById("pyr").innerHTML = '<center>المغرب <br/>'+ times.maghrib + '</center>';
    } else if (times.isha > dhours){    
        document.getElementById('pyr').innerHTML+='<center>العشاء <br/>'+ times.isha + '</center>'; 
    } else if (times.midnight > dhours){
        //document.write('<br/>العشاء = '+ times.midnight);
        document.getElementById('pyr').innerHTML+='<center>منتصف الليل '+ times.midnight + '</center>'; 
    }   
}

setTimeout('ptt()',1000);

</script>

和 html 中的这个标签：

<span id='pyr'></span>

但我无法在 html 中显示结果。

标签： javascriptfunction

解决方案

您可以使用getElementById()方法访问特定的 HTML 元素。在您的情况下，跨度的 ID 是 pyr：

document.getElementById("pyr");

现在只需将 document.write() 替换为 document.getElementById("pyr").innerHTML+="your content here";

例如：

document.write('<br/>fa = '+ times.fajr);

变成

document.getElementById("pyr").innerHTML+="<br/>fa = "+ times.fajr;

推荐阅读