js 访问html对象属性,javascript中js根据Id获取html标签对象的方法—-document.getElementById()你会用吗?...

摘要:

下文讲述js中document.getElementById方法的使用说明,如下所示;

document.getElementById方法功能说明

根据html对象的id获取对象,此方法用于返回一个html对象

document.getElementById方法语法:

objectInfo = document.getElementById(oId);

---------------参数说明------------------

oId:代表html标签的id

---------------返回值--------------------

返回一个html对象

---------------注意事项---------------

1.document.getElementById方法在IE6中有时会使用name获取(这是IE的一个Bug)

2.此方法返回一个html对象

3.当Id所属一组对象时,只返回对象中的第一个

document.getElementById方法示例说明

maomao365.com

javascript中js方法

document.getElementById方法示例说明


#txtS{font-weight:bold;color:green;}

function test (){

let a =

document.getElementById("txtTest").value;

let s =

document.getElementById("txtS");

s.innerText = a;

}

window.onload = function(){

var b = document.getElementById("btn");

b.onclick = test;

}

按钮测试


9590650dd5a0caf980fb6f5635b1cb9a.gif

javascript

js方法document.getElementById方法使用示例说明

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<div id="viddiv" width:100%; height:100%"> <video id="livevideo" width="100%" height="100%" autoplay></video> </div> <div id="picdiv" <div id="picdivbuttons" <button <button again</button> <button <span id="resolution">WxH:</span> </div> <div id="picdivcanvas" <canvas id="takenpic"></canvas> </div> </div> [removed] var video = document.getElementById("livevideo"); var canvas = document.getElementById("takenpic"); var context = canvas.getContext("2d"); navigator.getMedia = ( navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia ); navigator.getMedia( {video: true}, function(stream) { video.src = window.URL.createObjectURL(stream); }, function(err) { alert("No camera access!"); } ); video.addEventListener('click', takepic, false); function takepic() { var vw = video.videoWidth; var vh = video.videoHeight; document.getElementById("resolution")[removed] = ("Width x Height: " + vw + " x " + vh); canvas.width = vw; canvas.height = vh; context.drawImage(video, 0, 0); document.getElementById("picdiv").style.display = "block"; document.getElementById("viddiv").style.display = "none"; } function upload() { var d = document.getElementById("takenpic").toDataURL("image/jpeg"); d = d.slice(d.indexOf(",") + 1); ajaxRequest(frmMain.hfrWebCamPic, "saveimg", ["img="+d]); } function tryagain() { document.getElementById("picdiv").style.display = "none"; document.getElementById("viddiv").style.display = "block"; } function closeapp() { ajaxRequest(frmMain.hfrWebCamPic, "closeapp", []); } [removed]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值