精华内容
下载资源
问答
  • JS根据id获取元素

    千次阅读 2020-07-16 09:07:38
    1、$("#id").val() 2、document.getElementById(“id”).value

    1、$("#id").val()

    2、document.getElementById(“id”).value

    展开全文
  • 最近在复习javascript的时候发现了一个我还没有见过的一个有趣的东西,可能你也没有见过,所以就在这里记录一下:就是js中直接通过id获取到这个元素,且不使用getElementById等。 下面看代码: HTML部分的: <...

    浏览器日常bug:
    最近在复习javascript的时候发现了一个我还没有见过的一个有趣的东西,可能你也没有见过,所以就在这里记录一下:就是js中直接通过id名获取到这个元素,且不使用getElementById等。
    下面看代码:
    HTML部分的:

    <form action="" method="">
            你爱好的运动是?<input type="checkbox" id="checkedAllBox">全选/全不选
            <br/>
            <input type="checkbox" name="items" value="足球" id="">足球
            <input type="checkbox" name="items" value="篮球" id="">篮球
            <input type="checkbox" name="items" value="羽毛球" id="">羽毛球
            <input type="checkbox" name="items" value="乒乓球" id="">乒乓球
            <br/>
            <input type="button" id="checkedAllBtnaaaa" value="全选">
            <input type="button" id="checkedNoBtn" value="全不选">
            <input type="button" id="checkedRevBtn" value="反选">
            <input type="button" id="senfBtn" value="提交">
    </form>
    

    下面是js部分的:

    console.log(checkedAllBtnaaaa);
    

    下面是控制台的截图
    在这里插入图片描述
    一开始我也没想到是什么原因,后面看到网上一些人解释到这个是因为一开始的时候ie里面的,后面 firefox chrome 也支持了。原来是浏览器的原因。
    注意: 最好不要使用这个东西,因为这个在标准里面是没有的,将来某一天可能会不支持,那时候如果你使用了。那么将是一个灭"顶”之灾。
    不过偶尔拿来吹一下水也是可以的

    展开全文
  • 有时候我们想获取到一个标签的名称,例如:<div>a得到“div”。请看下面的例子: 页面上有一个class=”a”的标签,可能是input,也可能是普通的div或者是span标签,现在我们要往这个标签加一个值“value1”。如果是...
  • js 根据id获取页面元素

    千次阅读 2021-02-04 15:50:10
    js 根据id获取页面元素 1.getElementById(id) <div id="divId">用javascript获取Id的方法getElementById()的使用方法</div> var obj = document.getElementById("divId"); 以上是通过div的id号divId...

    js 根据id获取页面元素

    1.getElementById(id)

    <div id="divId">用javascript获取Id的方法getElementById()的使用方法</div>
    
    var obj = document.getElementById("divId");
    
    以上是通过div的id号divId获取div这个对象,然后就可以对div进行各种操作
    如删除其内容,设置其属性,将其隐藏等等
    
    值得注意的是:div 必须先于 javascript 代码加载
    也就是 div 要放在 var obj = document.getElementById("divId") 的前面,否则因找不到对象而报错
    

    2.$(id)
    本质:通过getElementById()方法获取到html元素对象

    首先需要定义$:
    
    var $ = function (objId) { 
      return ("string" == typeof (objId)) ? document.getElementById(objId) : objId;
    }
    
    其实是把 $ 定义为一个函数(方法),在这个函数中仍然是通过 getElementById 方法获取元素的这个对象
    也就是 $ 本身并不具备获取元素对象的功能,它只是一个字符,不过是把它定义为了一个获取元素对象的方法
    
    获取上述的div元素通过$表示为:
    
    var obj = $("divId");
    
    用getElementById方法获取要写一长串字母,现在只需写一个字符
    方便快捷,尤其要获取很多元素对象的时候,优势更明显
    
    获取元素的值  obj.value
    获取元素的文本  obj.innerHTML
    ...
    

    3.js 判断 html 元素是否存在

    if (document.getElementById("id" ) != undefined) {
      alert( "存在");
    }else {
      alert("不存在" );
    }
    undefined 也可以用 null 代替
    即 if(document.getElementById("id") != null)。
    
    展开全文
  • JS 根据类样式的名称获取元素

    万次阅读 2019-01-13 20:43:35
    获取class="cls"的元素对象 代码如下: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;...

    使用函数介绍:document.getElementsByClassName("cls");获取class="cls"的元素对象

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title></title>
      <style>
        div {
          width: 200px;
          height: 50px;
          background-color: green;
          margin-top: 10px;
        }
    
        .cls {
          background-color: yellow;
        }
      </style>
    </head>
    <body>
    <p>这是一个p</p>
    <p class="cls">这是另一个p</p>
    <span class="cls">这是第一个span</span><br/>
    <span>这是第二个span</span><br/>
    <div class="cls">这是第一个div</div>
    <div>这是第二个div</div>
    <input type="button" value="显示效果" id="btn"/><br/>
    <script src="common.js"></script>
    <script>
    
      //点击按钮设置应用cls类样式的标签的背景颜色为红色
      //getElementsByClassName();------>h5的
    
      my$("btn").onclick = function () {
        //根据类样式的名字来获取元素
        var objs = document.getElementsByClassName("cls");
        for (var i = 0; i < objs.length; i++) {
          //设置每个元素的背景颜色
          objs[i].style.backgroundColor = "red";
        }
      };
    </script>
    </body>
    </html>

    common.js

    /**
     * 根据id属性的值,返回对应的标签元素
     * @param id id属性的值,string类型的
     * @returns {Element} 元素对象
     */
    function my$(id) {
        return document.getElementById(id);
    }
    

     

    展开全文
  • 1.通过表单元素id属性 test01 function calculate(){ var a=parseInt(document.getElementById("a").value); var b=parseInt(document.getElementById("b").value); var res
  • 代码如下: $(“*[name=’name’]”).val(); //获取vlaue值 $(“*[name=’name’]”).attr(‘id’,’name’); //添加id名称 $(“*[name=’name’]”).after(‘<div>hello world’); //在当前外添加元素
  • jquery通过name,id名称获取当前value

    千次阅读 2019-04-02 16:54:22
    转载:... name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值 $("input:text").attr("name"); $("input:text").prop("name");//也可以使用prop()方法获取属性 $("*[name=...
  • 偶然的机会,我在JavaScript中直接用HTML元素id属性来获取元素,并设置该元素的其他属性值,竟然能够正确解析不报错!于是我去查阅相关资料,也有其他同行这么用。 虽然说这种用法不是标准用法,推荐使用...
  • // 3、elements[index/id]方法,通过索引或者id都可以获取到(只适用于表单内部元素) console.log(oForm.elements[0]); console.log(oForm.elements["a"]); // 继续获取对应的value值 console.log(oForm.a.value...
  • 比如:&lt;asp:Label runat="server" ID="...则可以用JavaScript这样写得到Value; function F17() { var div = document.getElementById("_lbl_01"); alert...
  • js获取元素id

    万次阅读 2019-09-10 21:06:55
    -------------获取元素id值---------------- <div class="box"> <span>实例演示:获取被点击元素的id</span> <div class="content"> <input id='btn' type='button' onclick='test...
  • 1、根据id获取(1)getElementById() 方法获取元素window.onload=function() {var uname = document.getElementById("myname");console.log(uname);console.log(typeofuname);}2020-07-22getElementById() 方法可返回...
  • form表单中有下面的代码: ...通过ID获取id值为username的文本框的方法为:  var username = document.getElementById("username").value; 通过id获取id值为namespan的标签的值的方法为:  var n
  • js用xpath定位获取元素

    千次阅读 2020-08-03 15:18:47
    一、获取单个元素 1、html <html> <head> <meta charset="utf-8"> <script src="test.js"></script> </head> <body> <select style="width: 100%;"> <...
  • js根据name值获取元素

    万次阅读 2019-03-01 16:41:23
    id="btn" value="显示效果" /&gt; &lt;input type="text" value="你是" name="name1" /&gt; &lt;input type="text" value="
  • JavaScript如何获得input元素value

    万次阅读 2018-01-11 16:02:45
    在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,据我总结比较常用的就是下面的两种方法,闲话不多说了,下面那就来看看我说的...
  • JS 获取元素内容

    万次阅读 2018-07-10 15:34:59
    获取DOM元素的方法有8种通过ID获取(getElementById)通过name属性(getElementsByName)通过标签名(getElementsByTagName)通过类名(getElementsByClassName)获取html的方法(document.documentElement)获取...
  • <... <head> <...input type="button" id="btn" value="按钮" /> <script type="text/javascript"> /* 根据id获得元素/节点属性 内置的隐藏对象:document代表整个H
  • 通过ID获取元素 学过HTML/CSS样式,都知道,网页由标签将信息组织起来,而标签的id属性值是唯一的,就像是每人有一个身份证号一样,只要通过身份证号就可以找到相对应的人。那么在网页中,我们通过id先找到标签,...
  • 一、认识DOM ...二、通过ID获取元素 语法: document.getElementById(“id”)  实例: &lt;a id="con"&gt;JavaScript&lt;/a&gt; &lt;script type="text/ja
  • 文档对象模型DOM ...根据ID获取元素 使用getElementByld()方法可以获取带有ID的元素对象。 <body> <div id="time"> 2020.11.15 </div> <script> var timer = document.ge
  • 原生JS可以直接使用ID名称来获取元素 发布时间: 2018-03-16 18:01:31 eg: html <form> <select name="choice" size="1" id="obj"> <option value="a">1</option> <option value="b...
  • JavaScript如何获得input元素value的值

    千次阅读 2017-11-12 09:07:00
    JavaScript获取input元素value的值: 方法一: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta ...
  • js this获取元素ID

    2017-10-22 17:20:00
    <table id="cyyj_table" class="table01" cellpadding="5" cellspacing="1"> <tbody id="tb"> <#list li as li> <tr id='${li.id}'> ...
  • 本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id=...
  • js的无敌函数,没有id获取元素

    千次阅读 2017-11-15 15:33:39
    函数实现:  function getElementByAttr(tag,attr,value)  {  var aElements=document.getElementsByTagName(tag);  var aEle=[];  for(var i=0;i  
  • JS有两种获取元素属性的方式: 1)元素.属性名 var div1 = document.getElementById('div1'); div1.style.width = '100px'; 2)元素['属性名'] var div1 = document.getElementById('div1'); div1.style['width'] ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 156,706
精华内容 62,682
关键字:

js通过id获取元素的value