码迷,mamicode.com
首页 > Web开发 > 详细

js基本操作

时间:2018-08-08 21:21:08      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:选择   方式   family   获取   doc   超链接   tin   根据   htm   

一、    js获取网页中的标签,js通过系统对象document的3个get方法

方法                                          返回值

 

                                                   document.getElementById("btn")             该标签只有一个
                                                   document.getElementsByName()                     name值相同的一组标签
                                                   document.getElementsByTagName(“a”)             拿到页面上所有的超链接标签

 

二、    层上面显示内容

$("div").innerHTML("设置打印内容");

应用场景:通过条件判断显示把不同的提示(用户登录、信息注册等等)

三、js事件加载方式

<script type="text/javascript">

    <!--
绑定单击事件-->
    document.getElementById("btn").onclick=事件处理器; */
     /*function listinit() {
        alert("11");
    }
  /*  window.document.onload=function () { 无法实现加载
        alert("11");
    }*/
    //第一种写法
    /*window.onload=function () {
        alert(3232);
       listinit();
        alert(3232);
    }*/
    //第二种方法
  /*  window.onload=listinit();*/

    function $(id) {
        return document.getElementById(id);
    }
    //先加载网页,后加载按钮监听事件
    window.onload=function () {
        alert("提交信息");
       $("btnSubmit").onclick=function () {
           alert("提交成功");
       }
    }

</script>

四、获取指定标签、获取标签内容

<!--根据id获取标签-->
function $(id) {
    return document.getElementById(id);
}
<!-- 根据类选择器获取标签-->
function $$(name) {
    return document.getElementsByName(name);
}
$("btn").onclick=function () {
    document.forms[0].submit();
}

<!--根据id获取标签-->
 function $(id) {
     return document.getElementById(id);
 }
 <!-- 根据类选择器获取标签-->
 
function $$(name) {
     return document.getElementsByName(name);
 }
 $("btn").onclick=function () {
     document.forms[0].submit();
 }
/* 获取id为div标签的内容*/
 
$("div1").value();
 /*设置id为div1的值*/
 
$("div1").innerHTML("填入所设值得值");
 /*根据类选择器选取元素数组,一般是复选框*/
 
var str="";
 var varm = $$(".class");
 for ( var  i=0;i<varm.length;i++){
     if($$(".class")[i].checked){
         str+=$$(".class")[i].value();
     }
 }

js基本操作

标签:选择   方式   family   获取   doc   超链接   tin   根据   htm   

原文地址:https://www.cnblogs.com/2070393244com/p/9445412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!