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方法示例说明

<meta charset='utf-8' />
<p>
 maomao365.com <br />
 javascript中js方法<br />
 document.getElementById方法示例说明
</p>
<hr />
<style>
 #txtS{font-weight:bold;color:green;}
</style>
<script>
	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;
   }    
</script>
 
<input type="text" id="txtTest" value ="测试" />
<button id="btn">按钮测试</button>
<hr />
<span id="txtS"  ></span>
javascript js方法document.getElementById方法使用示例说明

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