精华内容
下载资源
问答
  • 获取当前对象标签名称的方法有很多,本教程为大家介绍下使用jquery获取的具体实现
  • 如何利用Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释等操作下面就为大家介绍一下 一、Tag(标签)对象 1.Tag对象与XML或HTML原生文档中的tag相同。 from bs4 import BeautifulSoup soup = ...
  • jQuery获取当前对象标签名称

    千次阅读 2019-06-13 04:17:33
    为什么80%的码农都做不了架构师?>>>   获取当前对象标签名称 $(".classname")[0].tagName; 转载于:https://my.oschina.net/zhouz/blog/213101

    获取当前对象标签名称

    $(".classname")[0].tagName;


    转载于:https://my.oschina.net/zhouz/blog/213101

    展开全文
  • 根据标签名字标签的class属性得到对象
  • JS 获取标签对象

    2020-03-27 21:21:39
    获取标签对象 document.getElementById() 通过id的属性值;获取到的是一个标签 document.querySelector() ...‘标签名称’ ‘css选择器’ ‘[属性=“属性值”]’ ‘父级标签>子级标签’ document.g...

    获取标签对象

    1. document.getElementById()
      通过id的属性值;获取到的是一个标签

    2. document.querySelector()
      获取一个标签对象
      可以通过多种方式获取标签对象,只获取符合条件的第一个标签
      方式:
      ‘#id属性值’
      ‘.class属性值’
      ‘标签名称’
      ‘css选择器’
      ‘[属性=“属性值”]’
      ‘父级标签>子级标签’

    3. document.getElementsByClassName()
      class的属性值
      获取到的是有一个伪数组
      可以通过[ ]语法操作,不可以通过forEach()循环遍历

    4. document.getElementsByClassTagName()
      标签名称
      取到的是有一个伪数组
      可以通过[ ]语法操作,不可以通过forEach()循环遍历

    5. document.getElementsByName()
      name 属性的属性值
      获取到的是有一个伪数组
      可以通过[ ]语法操作,不可以通过forEach()循环遍历

    6. document.querySelector()
      获取伪数组,可以forEach()循环
      name 属性的属性值
      获取到的是有一个伪数组
      可以通过[ ]语法操作,不可以通过forEach()循环遍历

    for…in 和 for循环的区别

    1. for循环,索引是循环变量 for…in循环,索引是自定变量
    2. for…in循环,比for循环多以一些内容
      for…in循环,在循环标签伪数组时,会多获取一些内容
      proto 中的 3个内容
      之后做一些操作时,会产生报错信息,但是一般不会影响程序的正常执行
      推荐:使用for循环,或者forEach()循环
      只会循环遍历获取到标签和索引,不会有多余的内容
    <body>
        <ul>
            <li class="li1" name="li2"></li>
            <li class="li1" name="li2"></li>
            <li class="li1" name="li2"></li>
            <li class="li1" name="li2"></li>
            <li class="li1" name="li2"></li>
        </ul>
    
        <script> 
       var oLis1 = document.getElementsByClassName('li1');
    
            var oLis2 = document.querySelectorAll('.li1');
    // 两种方式获取的都是伪数组,但是获取的数组内容,不同
         console.log(oLis1);//HTMLCollection(5) [li.li1, li.li1, li.li1, li.li1, li.li1, li2: li.li1]
          console.log(oLis2);//NodeList(5) [li.li1, li.li1, li.li1, li.li1, li.li1]
    	 // 不能用forEach()循环的
            // oLis1.forEach(function(v){
            //     console.log(v)
            // })
    
            // 如果要循环可以使用for循环    
     	  for(var i = 0 ; i <= oLis1.length-1 ; i++){
                 console.log( oLis1[i] );
          }
    
            // 还可以使用for..in循环
            
            // 不同方式,获取的标签对象,虽然都是伪数组,但是伪数组的结构不同
            // for...in循环的结果也不同
    
             for(var index in oLis1){
                console.log( oLis1[index] );
            }
            
              for(var index in oLis2 ){
                console.log( oLis2[index] )
            }   
    
            // forEach循环的结果
            // oLis1 不能被forEach循环的
    
            oLis2.forEach(function(v , k){
                console.log(v , k)
            }) 
        </script>
    

    给标签添加属性

    标签对象.setAttribute(‘属性名称’ , 属性值);
    一次只能定义一个属性,如果要定义多个属性,要执行多次

    </body>
    <style>
            #div1{
                color: red;
            } 
        </style>
    </head>
    <body>
        <div>我是div</div>
            <script>
            /
            // 获取标签属性的属性值
            // 标签对象.getAttribute('属性名称');
            // 获取到的结果,都是字符串类型
    
            var oDiv = document.querySelector('div');
    
            // 给 div 标签,添加属性index 属性值是0
            oDiv.setAttribute('index' , 0);
            oDiv.setAttribute('key' , '第一个div');
    
            // 获取标签属性的属性值
            console.log( oDiv.getAttribute('index') ); //0
            console.log( oDiv.getAttribute('key') ); //第一个div 
    
            // 几个特殊的属性设定方式
            // id属性  class属性  直接定义在标签对象上的方法
            // 可以直接定义或者获取,不同通过 get ,set
             console.dir(oDiv)
    
            // 标签对象.id = 属性值   设定id属性的属性值
            oDiv.id = 'div1';
    
            // 标签对象.className = 属性值   设定class属性的属性值
            oDiv.className = 'div2';
    
            // 标签对象.id   获取标签对象,id属性值
            console.log( oDiv.id )
    
            // 标签对象.className   获取标签对象,class属性值
            console.log( oDiv.className )
    
            // 直接操作name属性, 并不是所有的浏览器都支持的
            // 使用set,get最安全 
            oDiv.name = '张三';
            console.log(oDiv.name);  
    

    总结

    1. 可以通过 setAttribute() 设定标签所有的属性 包括 id , class
      可以通过 getAttribute() 所有标签所有的属性的属性值 包括 id , class
      所有的属性,设定或者获取,都建议,通过set,get完成
    2. id和class属性可以直接通过 标签对象.id和标签对象.className;来设定或者获取
    3. 根据不同版本的浏览器,有一些不在标签对象本身属性上的,也可以直接设定
      例如 name , titile ; 但是因为浏览器兼容问题,推荐还是使用set,get
    4. 这里属性值的设定,是替换操作,会覆盖之前的设定属性;而不是新增添加属性操作
    <style>
            .div1{
                width: 100px;
                height: 100px;
                border: 1px solid red;
                background: black;
                color: #fff;
            } 
            .div2{
                width: 200px;
                height: 200px;
                border: 5px solid black;
                background:red;
                color:green;
            } 
            .div3{
                width: 300px;
                height: 300px;
                border: 10px solid skyblue;
                background:orange;
                color:pink;
            }
        </style>
    </head>
    <body>
        <button name="btn1">皮肤1</button>
        <button name="btn2">皮肤2</button>
        <button name="btn3">皮肤3</button>
        <div class="div1">
            <span>内容</span>
        </div> 
        <script>
            // 换肤效果 --- 设定不同样式效果
            // 点击标签,设定不同的css样式
            // 可以修改 id属性值,或者class属性值
    
            // 获取不同的标签对象
            var oBtn1 = document.querySelector('[name="btn1"]');
            var oBtn2 = document.querySelector('[name="btn2"]');
            var oBtn3 = document.querySelector('[name="btn3"]');
    
            var oDiv = document.querySelector('div');
    
            // 给标签对象,定义不同的点击事件
            // 给标签对象添加点击事件,触发事件时,执行的程序是
            // 给div标签,设定不同的class属性值,加载不同的选择器,执行不同css样式效果
    
            // 再次强调,class关键词,在JavaScript中,有其他作用
            // 在JavaScript中,操作,设定class属性,统一都使用className关键词
            
            // 给第一个button标签,添加点击事件
            oBtn1.onclick = function(){
                // 触发事件时,给div标签,设定class属性值为 div1 
                oDiv.className = 'div1';
            }
    
            // 给第二个button标签,添加点击事件
            oBtn2.onclick = function(){
                // 触发事件时,给div标签,设定class属性值为 div2
                oDiv.className = 'div2';
            }
    
            // 给第三个button标签,添加点击事件
            oBtn3.onclick = function(){
                // 触发事件时,给div标签,设定class属性值为 div3
                oDiv.className = 'div3';
            }
            // 这的操作是,属性值覆盖操作,新设定的属性,会覆盖之前设定的属性值
       </script>
    

    循环遍历添加事件

    </body>
    <body>
        <ul>
            <li>我是第一个li</li>
            <li>我是第二个li</li>
            <li>我是第三个li</li>
            <li>我是第四个li</li>
            <li>我是第五个li</li>
        </ul> 
        <script>
            // 通过循环遍历,给标签添加事件/操作
    
            // 1,获取标签对象的集合,也就是数组形式的
            var oLis = document.querySelectorAll('li');
            console.log(oLis);
    
            // 2,通过 forEach() 等 方式,循环遍历数组中的对象,给这些标签,添加设定/绑定事件
            // 定义的第一个形参,存储的是数组的数据对象,也就是li标签
            oLis.forEach(function( itme ){
                itme.onclick = function(){
                    // 输出的是相同的内容
                    console.log(123);
                }
            })
    
            // 通过循环,每次对一个标签进行操作
            // 循环结束,对数组中存储的所有标签,都进行操作
            // 给数组中的所有标签都绑定 click 事件
    
    展开全文
  • js中获取触发事件对象标签名称

    千次阅读 2015-07-25 21:25:08
     * 获取当前触发事件对象标签名称  * @param event  */ function getTargetName(event){ //判断浏览器,IE需调srcElement来获取触发事件的对象 var target = $.browser.msie ? event.srcElement : event...


    /**

     * 获取当前触发事件对象的标签名称
     * @param event
     */
    function getTargetName(event){

    //判断浏览器,IE需调srcElement来获取触发事件的对象

    var target = $.browser.msie ? event.srcElement : event.target;

    if(target){

    //获取名称并转成大写

    return target.tagName.toUpperCase();
    }

    return null;
    }
    展开全文
  • JS获取当前对象标签名称

    千次阅读 2014-02-21 17:33:26
    [code="javascript"] var demo = document.getElementById("demo"); var tagName = demo.tagName; alert(tagName ); I am Here! [/code]

    <html>
    <script type="text/javascript">
    var demo = document.getElementById("demo");
    var tagName = demo.tagName;
    alert(tagName );
    </script>
    <span id="demo">I am Here!</span>
    </html>
    展开全文
  • Js的DOM编程获取标签对象的三种方式

    千次阅读 2019-08-15 00:08:46
    Js的DOM编程获取标签对象的三种方式 一.DOM使用: 1.通过特定方法/特定属性控制标签对象 2.通过标签独享更改标签里面的属性火焰石,展示效果 二. 三种方式获取标签对象 1. 通过document的集合属性获取 1.1 document...
  • 这里用了Blob对象,该写法的意思是用从服务器接收到的文件流创建了一个blob对象,并使用该blob创建一个指向类型数组的URL,将该url作为a标签的链接目标,然后去触发a标签的点击事件从而实现下载功能。
  • 有时候我们想获取到一个标签名称,例如:<div>a得到“div”。请看下面的例子: 页面上有一个class=”a”的标签,可能是input,也可能是普通的div或者是span标签,现在我们要往这个标签加一个值“value1”。如果是...
  • 将物体的Tag标签选定。 在脚本内实例化标签对象。 FindGameObjectWithTag函数实现...在函数里实现对targetPlayer标签对象的具体操作,比如说获取“Player”标签对象组件里PlayerCharacter脚本的health变量。 ...
  • 获取一个比例尺,当前地图的比例尺大于这个比例尺时,只显示七个大洲名称标签;小于这个比例尺时,只显示世界各国名称标签
  • 掌握 driver对象定位标签元素获取标签对象的方法 掌握 标签对象提取文本和属性值的方法 1. driver对象的常用属性和方法 在使用selenium过程中,实例化driver对象后,driver对象有一些常用的属性和方法 driver....
  • 给Dom对象绑定ref属性,给其一个名字。 在需要调用的函数中使用this.$refs访问所有该组件绑定了ref的Dom元素,其中ref属性的明明可以作为key值,使用this.$refs.name即可访问原生的Dom对象。 tips 需要注意refs绑定...
  • 通过document方法来获取标签对象

    千次阅读 2019-05-05 13:43:55
    <!DOCTYPE html> <... <head> ...meta charset="UTF-8">...通过document方法来获取标签对象</title> <script> /** * 通过document方法来获取标签对象 * 1)getElementBy...
  • 您也可以使用搜索按名称查找标签文件。 然后单击确定以添加标签文件。 您需要检查将要使用的组。 单击确定保存更改 要开始使用插件,您需要输入带有前缀“ @@@”的标签文本 要添加标签,您需要右键单击对象并...
  • js获取 标签,id,class 对象

    千次阅读 2019-05-09 18:01:55
    js获取 标签,id,class 对象 js获取标签对象: <input type="checkbox" /> $("input") js获取class对象 <input class="type" type="text" /> $(".type") js获取id对象 <input id="tf" type="submit" ...
  • HTML标签常用标签

    千次阅读 多人点赞 2017-02-23 11:33:58
    注释标签  注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 2、  声明标签 声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本...
  • DOM树解释:DHTML:HTML+CSS+DOM+JAVASCRIPT DOM树,常用标签: 基础点击事件:给字体加红色;...根据标签名称获取 节点对象数组; 可以通过id,name,标签名 获取dom对象 获取一个对象下的所有...
  • Spring标签提交List对象

    千次阅读 2017-01-14 21:23:05
    一个页面提交的是多个list的情况,这里总结一下。 从List对象的提交、显示来总结。 1.使用来提交List对象。 先说一下思路:
  • 掌握 driver对象定位标签元素获取标签对象的方法 掌握 标签对象提取文本和属性值的方法 1. driver对象的常用属性和方法 在使用selenium过程中,实例化driver对象后,driver对象有一些常用的属性和方法 driver....
  • useBean这个标签是笔者认为最重要的标签。首先介绍 Java Bean 的特点:可以实现代码服用,易编写,易维护,易使用,可以在任何有 JVM 的机器上使用而不许重新编译。 1. 编写 JavaBean 的规则:(1) 如果类的成员变量...
  • JQuery 几种选择器 和过滤器 获取标签对象 和元素 一、常用选择器 (一)★★基本选择器 #ID 选择器 : 通过id属性值查找标签对象 .class 选择器 : 通过class属性值查找标签对象 element 选择器 : 通过标签名查找...
  • 其中 对象.属性字段 一定要与属性字段名称完全一样
  • 根据给定类名和给定HTML标签,取得对应HTML对象 /* * 取得对应类和标签的HTML元素 * clsName:给定类名 * tagName:给定的HTML元素,如果为任意 tagName='*' * */ function getElementsByClassName(clsName, tag...
  • using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEditor; public class AddTagsToObject : EditorWindow { ...GetComponentsInChild()获取所有子对象transform;
  • js中获取对象的属性名称

    万次阅读 2017-03-19 12:46:23
    在网上搜的时候基本都是用for循环获取对象属性数组,其实有个更简单的方法: function getObjKeys() {  var obj = {  "name": "zhangsan",  "age": 30  };  let keys = Object.keys(obj);  console....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 469,666
精华内容 187,866
关键字:

对象名字标签