通过querySelector获取并修改div中class的值

这个程序就是在页面中显示要播放的多媒体文件,同时显示多媒体文件的总时间,当单击播放按钮时,将显示当前播放了的时间。但是缺了一部分代码,有关通过querySelector获取并修改div中class的值的代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


媒体播放示例

wrapper=document.querySelector('.videochrome'), buffer=document.querySelector('.videochrome.controls.buffer'), playhead=buffer.querySelector('.playhead'), play=wrapper.querySelector('.play'), duration=wrapper.querySelector('.duration'), currentTime=playhead.querySelector('span'); video.addEventListener('loadeddata',canplay,false);//使用事件监听准备播放 function canplay()//调用canplay函数初始化媒体 { initControls(); } function initControls() { duration.innerHTML=asTime(video.duration);//将播放时间以分秒的形式显示 play.onclick=function() { if(video.ended)//如果媒体播放结束,播放时间从0开始 { video.currentTime=0; } video[video.paused?'play':'pause']();//通过三元运算执行播放或暂停 }; } function asTime(t) { t=Math.round(t);//通过Math.round函数对获取到的时间取整 var s=t%60;//转化为分 var m=~(t/60); return m+':'+two(s);//以分:秒的形式输出时间 } function two(s) { s+=""; if (s.length<2)s="0"+s;//对秒数的位数进行判断,位数小于2时以0补位 return s; } video.addEventListener('play',playEvent,false);//使用事件播放 video.addEventListener('pause',pausedEvent,false);//播放暂停 video.addEventListener('ended',function()//播放结束后停止播放 { this.pause();//显示暂停播放 },false); function playEvent() { play.innerHTML='暂停'; } function pausedEvent() { play.innerHTML='播放'; } video.addEventListener('durationchange',updataSeekable,false);//播放的时长被改变 video.addEventListener('timeupdate',updatePlayhead,false);//使用事件监听方式捕捉事件 function updateSeekable() { duration.innerHTML=asTime(video.duration);//媒体文件的总播放时间 } function updatePlayhead() { currentTime.innerHTML=asTime(video.currentTime);//媒体的当前播放时间 }














播放

0:00





0:00












Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
通过querySelector方法获取并修改div标记中class的值
该代码效果是在页面中显示要播放的多媒体文件,同时显示多媒体文件播放的总时间,当单击播放按钮时,将显示当前播放的时间(以分:秒形式显示)。但是,缺了一部分代码,是有关通过querySelector方法获取div标记中class的值并赋予变量。rnrnrnrn 媒体播放示例rn rn rn rnrn rn rn rn rn rn rn rn rn 播放rn rn rn 00:00rn rn rn rn rn rn 00:00 rn rn rn rn rn rn rn rn rn rn rn
新手!js怎么通过class获取div中的attr的值??
rnrnrnrn知道某个a标签中有clss=‘cur’rnrn怎么通过这个class获取data-type中的值???
jq怎么通过class获取div中的attr的值
    求助:怎么根据class类名,获取样式中display中的值啊?万分感谢!!   补充解答: $(&quot;.window-shadow&quot;).css(&quot;display&quot;);(使用类选择器) 该实例中涉及到子窗口和父窗口的知识 倘若设计了父子窗口需要在$的前面添加window.parent.; 即window.parent.$(&quot;.window-shadow&quot;).css(&quot;dis...
通过class获取id值
rn如何通过class取到id的“aaa”?rn求高手解答
javascript中通过循环获取div的值??
有多个div,想要获取当前的div的id值。怎么办呢?????rn有多个div,想要获取当前的div的id值。怎么办呢?????rn谢谢各位!!!!rn[code=rn//有多个div,想要获取当前的div的id值。怎么办呢?????rnfor(var i=1;i <=10; i++) rnrnvar option = "option"+i;rnrntemp = temp+"" rn +""rn +" " rn rnoCell.innerHTML=" "rn +temprn +"";rnrnrnfunction add(option)rn//获取当前div的值rnvar board = document.getElementById(option);rnrnrn]rnrnrnrn[/code]
qtp 通过div 的class抓去 div的内容
qtp 不支持 通过页面的class 获取 D0M对象,变通了下通过写JS函数方式,成功抓取DIV的innerHTML
通过div的class绑定,获取值。
function qitavalid(){             jQuery(".aaa").each(function(){   //div 的class是aaa                 var $thisdiv = jQuery(this);                 var $select = $thisdiv.children("select");       
通过JS的方式获取input标签下的name参数的值并修改?
-
js clone()加载的div,怎么样获取并修改div的 id
简单介绍一下想要的效果,rn将jsp页面的 id=productInfo的div clone出来,并放到上一层div里面,但是clone出来的html内容是完全相同的,我想将clone出来的div做一下处理,修改一下id ,大致流程就是这样. rnrn[code=html]rn$("#cloneCaseBasicInfo").click(function()rn //productInfo这个div就是需要clone的对象rn //$("#productInfo").clone(true).insertAfter("#basicInfo");rnrn // 将clone的jQuery对象转换成js对象rn var obj = $("#productInfo").clone(true)[0];rn 现在想要 根据obj获取出clone的div的 id并做修改rn);rn[/code]rnrnrnrn
获取div的宽度的值
HTML代码:<div id="box"></div>Javascript代码:<script> var oDiv = document.getElementById('box'); var tableWidth = oDiv.offsetWidth; alert(tableWidth); </script> oDiv.offsetWidth       :是JavaScri
通过CLASS值,获取满足一定条件的页面的值
rn 线路编号:rn rn rn rn rn rn 线路名称:rn rn rn rn rn上述2个DIV只是页面中的一部分。rn我需要的是通过 CLass获取元素的文本值:rn首先先需要满足: class="control-group" 的DIV 然后 其 class="control-label" 的文本值 ‘线路编号:’ 然后 class="input-large" 的value值。第二个DIV 也是一样的 。rn求 JS写法,是获取整个HTML页面中的 这些值rn
通过&修改数组中的值
下面就直接放出代码,针对使用递归删除数组中的值,存在空数组时,可以过滤空数组,具体实现可以参考以前写的文章,这篇主要介绍’&amp;amp;amp;'处理数组 &amp;amp;lt;?php $arrTest = array( 'A' =&amp;amp;gt; [ 'An' =&amp;amp;gt; 'anan', 'Bn' =&amp;amp;gt; 'bnbn', ], 'C' =&amp;amp;gt; [
获取显示的相同class值的div的个数,并显示到输入框中
代码rnrnrnrnrn rn rn 显隐rn rn rn rnrnrn 我是零 rnrn 我是一 rn rn 我是二 rnrn 我是三 rn rn 我是四 rnrn rnrn rnrnrnrn如题,将获得的值自动填充到ac中
修改jar包中的class,并重新打包签名
项目需要,需要通过一台公网服务器让客户端访问内网中的服务器。方案是让内网中的服务器与公网中的服务器建立长连接,然后客户端需要访问内网中的服务器时,公网中的服务器通过该连接转发客户端和内网服务器之间的数据。其中有一个是惠普的服务器,要访问其中的ILO(独立的维护系统数据卡,方便系统维护用)控制台,改控制台终端是applet小程序。开始想得很简单,就是纯粹转啊TCP数据包。但是后来发现有两个问题。
怎样在js中修改表单元素的class值
怎样在js中修改表单元素的class值
DOM —【querySelector方法获取元素】
var OName=document.querySelector('.Name'); //class名获取方式 var OId=document.querySelector('#id'); //id名获取方式 var OType=document.querySelector('p'); //标签(元素)名获取方式 注意: 该方法只会获取,匹配项中的第一个元素,如果没有找到该元...
求教一个获取class中的值写法
[code=JScript]rn rn rn [/code]rn[code=HTML]rnrnrnrn rn rn rn rnrnrn rn rn rn copy text id1rn AAArn rn rn copy text id2rn BBBrn rnrnrn rnrn[/code]rnrn请问如何在点击.copy后获得同id下.al中的值rnrn并在rnfunction my_complete( client, text ) alert("已复制!([color=#FF0000]在这里显示.al的值[/color])");rnrn请回代码 谢谢各位
通过class 名字得到值
[code=&quot;java&quot;] fdsafd var t=$('div').css('class','tt2').html(); alert(t); [/code]
Jquery 如何获取div中 title的值
rn rn rnrnrn我想点击某个div 获取被点 title中的 Photo Gallery 的值rnrnrn rnrn这个是我写的,获取不到,请教一下各位
jQuery获取表单和的div中的值
div,span等元素的取值和赋值在jQuery中,操作元素内容的方法包括html()和text(),通常用于获取和设置div,span中的属性 html()与JavaScript中的innerHTML属性类似,即获取或设置元素的HTML内容;text()类似于JavaScript中德innerText属性,即获取或设置元素的文本内容。二者的区别如下 语法格式 参数说明 功能描述 h
获取div中的name属性的值 [急]
[code=javascript]rnvar name=$(".product_storyList_content_left").attr("name");rn[/code]rnrn[size=18px][color=#FF0000]我有多个div , 想要获取name里面的文本并遍历使用rnclass 为 product_storyList_content_leftrn但是我用的上述方法只能获得一个, 怎么获得多个? 求解. 在线等[/color][/size]rn
如何灵活获取div中的值
[img=https://img-bbs.csdn.net/upload/201709/14/1505352790_177889.png][/img]rnrnrn是这样 现在有多条从数据库中取出来的数据 我现在要是实现的是 点击 外围大的 .......获取它子div中的内容 但问题是 有多个div, 如何实现 点击时 获取当前的子div中的内容rnrn页面的展示rn[img=https://img-bbs.csdn.net/upload/201709/14/1505353224_396999.png][/img]
div中获取一段文字后面的焦点
[code=&quot;java&quot;]function myfocus(obj) { if (typeof obj == 'string') obj = document.getElementById(obj); obj.focus(); if (obj.createTextRange) {//ie var rtextRange = obj.createText...
把一个div的值通过点击事件传到另一个div中
 1、在第一个div中写一个onclick把value拿到 ','','','','')" /> 2、在定义的sendValue函数里设置第二个div的值 function sendValue(accountNumber, ServCode, CircNo, noOfMonths,sign) { document.getElementById("myModalLabel").
好急!WebBrowser获取class的值
rn[color=#FF0000][size=24px]好急!WebBrowser获取class的值,每次值都不同[/size][/color]rnrnrn[code=HTML]rnrnrnrnrn[/code]rn
Javascript获取class的值问题
rn //className是传进来的类名称,tag是为了加强过滤,比如所有td下面的class或者input下面的classrn function getElementByClassName(className,tag)rn rn //获取所有传进来的标签元素的节点rn var allTags = document.getElementsByTagName(tag);rn var matchingElements = new Array();rn //对className做了个正则表达式rn className = className.replace(/\-/g,"\\-");rn var regex = new RegExp("(|\\s)"+className+"(\\s|$)");rn rn var element;rn //对所有的tag里面进行循环rn for(var i=0;i
【JQ】JQ中如何获取并修改translate3d的值?
如题...怎么也搞不出来,很不懂
jsp通过id获取div
jsp清空div.innerHTML 后再out.print到div里
怎么获取这个div的值
我有一个div,和一个按钮是在datalist里面,现在我要实现的是,当点击按钮的时候就取道对应的div的值,怎么实现啊?在线等,急啊
jquery实现 获取选中的div的值
有若干个div...rn我想做的是 按住ctrl。。。选中多个div,选中div的时候,div变色...当选择完毕的时候(即用户释放ctrl的时候),获取所有被多选的div的值..rnrn当按住shift的时候,会选中包括头跟尾之间的所有div。。
jQuery如何获取div的值
rn rn22222222222222rnrn11111111111rnrnrn如上,先想让js弹出11111111111,而不是弹出22222222222222 11111111111,麻烦各位帮忙下看看
div动态获取子节点的值
请问一下 如何动态循环获得div2中所有span的值哦:rnrn rn 1rn 2rn 3rn 4rn rn rnrn请教了!
div中匹配class正则表达式
我要在下面代码中匹配 ,哪位大侠能帮我解决一下,非常感谢rn rn rn rnrn rn rn rn rn rn rn rn rn rn rn 03:01rn rn rn rn rn rn rn rn rn rn rn rn rn 盘点世界杯球场雷人瞬间rn rn rn 盘点世界杯球场雷人瞬间rn rn rn rn 用户: rn rn rn 赛场传奇rn rn rn rn 播放: 661,568rn rn 发布: rn 18小时前rn rn rn rn rnrn rn rnrn rn rn rn rn rn rn rn rn rn rn 09:58rn rn rn rn rn rn rn rn rn rn rn rn 看点rn rn rn 世界杯:舌尖上的德国队 世界最辣酱戴防毒面具熬制 吃前签生死状rn rn rn 世界杯:舌尖上的德国队 世界最辣酱戴防毒面具熬制 吃前签生死状rn rn rn rn 用户: rn rn rn 优酷全视角rn rn rn rn 播放: 2,222,002rn rn 发布: rn 3天前rn rn rn rn rn rn
jquery怎样获取任意div下任意div中的值
rn rn 1rn rn rn rn rn rn 2rn rn rnrn就上面的情况,怎样用jquery获取到1,2这个数字
js根据class获取div元素
document.querySelectorAll(&quot;div.className&quot;)
根据div的class属性动态修改div的id
根据div的class属性动态修改div的id&amp;lt;div   class=&quot;cwfxDate&quot;  &amp;gt;&amp;lt;/div&amp;gt;$(&quot;.cwfxDate&quot;).attr('id','newId');
jquery 获取同一class的div的所有ID值并取出最大值
nn```n n n n n```nnnndiv如上,求取出上面所有div 并取做大的'SWFUpload_0_4'
js 封装获取class的值、添加class、删除class
在base.js文件的基础上 继续封装 js 封装获取class  * 1.调整封装  * 2.设置获取innerHTML里面的值  * 3.设置获取CSS样式并且设置  * 4.获取某个元素并设置  * 5.获取某一区域的CSS(这里获取ID的区域)并设置 base.js /*前台调用*/ var $=func
jquery框架③——获取,修改值
一、获取以及修改值--代码例子&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Insert title here&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;js/jquery-3.2.0.min.js&quot;&amp;gt;
jquery获取 标签下标签的值,并添加class属性
rn 11rn 22rn 33rn 44 rnrn我想用jquery获取当前点击的标签的值,并且同时添加一个属性class。并且把别的标签的属性移除rn我的代码是这样的,已经获取到了标签值,但是怎么添加属性都不对rnvar lis = $("#getcolor li");rn for(i=0;i
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数