progress元素
发表在其他语言图书答疑区 2016-08-22
是否精华
版块置顶:

<!DOCTYPE html>
<meta charset="UTF-8"/>
<title>progress元素的使用示例</title>
<script>
    var progressBar = document.getElementById('p');
    function button_onclick()
    {
        var progressBar = document.getElementById('p');
        progressBar.getElementsByTagName('span')[0].textContent ="0";//
        for(var i=0;i<=100;i++)
            updateProgress(i);//
    }
    function updateProgress(newValue)
    {
        var progressBar = document.getElementById('p');
        progressBar.value = newValue;
        progressBar.getElementsByTagName('span')[0].textContent = newValue;//
    }
</script>
<section>
    <h2>progress元素的使用实例</h2>
    <p>完成百分比: <progress id="p" max=100><span>0</span>%</progress></p>
    <input type="button" onclick="button_onclick()"  value="请点击"/>
</section>
帮我在双斜杠后面添加一下注释,多谢了。
特别是文中 get.ElementByTagName是什么意思还有后面的[0]以及textContent分别代表了什么意思?
分享到:
精彩评论 1
铁游夏
学分:0 LV1
TA的每日心情
还糊涂
2020-10-22 13:46:07
2016-08-23
沙发
getElementsByTagName('span')的意思是获取页面中标签名称为span的元素,[0]是指第一个span元素,如果是[1]的话就是指第二个span元素,以此类推。textContent是获取元素中的文本内容。概括来说就是,获取页面中第一个span元素中的文本内容。
首页上一页 1 下一页尾页 1 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照