函数方法

Posted weixin2623670713

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了函数方法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript">
   /*
    * 定义一个函数,专门为指定元素绑定单击响应的函数
    * 参数:
    * idstr  要绑定单击响应函数的对象的id属性
    * fun  事件的回调函数当单击元素时,该函数会被触发
    */
   function myclick (idStr,fun){
    var btn=document.getElementById(idStr);
    btn.onclick = fun;
   }
   
   window.onload=function(){
    myclick("btn07",function(){
     //获取id为北京的节点
    var bj=document.getElementById(‘bj‘);
    //返回#bj的父节点  一说父 就是元素
    var pn = bj.parentNode;
//    alert(pn.innerHTML);
    /*
     * innerText该属性获取到元素内部的文本内容
     * 和innerHTML类似,不同的是 它会自动将html去掉
     */
    alert(pn.innerText);
   });
   
   myclick("btn08",function(){
    var and=document.getElementById(‘andi‘);
    //返回#andi的前一个兄弟节点 (可能获取到空白文本)
    var ps = and.previousSibling;
    //获取前一个兄弟元素,不包括空白
     var pe=and.previousElementSibling;
    alert(ps.innerHTML);
   });
   myclick("btn09",function(){
    var un=document.getElementById(‘username‘);
    alert(un.value);
   });
   myclick("btn10",function(){
//    获取bj文本节点
//    1. var fc=bj.firstChild;
//    alert(fc.nodeValue);
//    2.
    alert(bj.firstChild.nodeValue);
    
   });
   }
   
  </script>
 </head>
 <body>
  <button id="btn07">点击</button>
  <button id="btn08">点击</button>
  <button id="btn09">点击</button>
  <button id="btn10">点击</button>
  <input id="username" value="123" type="button" />
  <ul id="city">
   <li id="bj">北京</li>
   <li>东京</li>
   <li>首尔</li>
  </ul>
  
  <ul><li>ios</li><li id="andi"></li></ul>
 </body>
</html>

以上是关于函数方法的主要内容,如果未能解决你的问题,请参考以下文章

函数的call()方法和apply()方法

JS中Math函数的常用方法

函数内的方法和prototype上的方法对比

Delphi MessageDlg函数使用方法

markdown 方法(方法)和函数(函数)

js构造函数的方法与原型prototype