• getAttribute()方法


    getAttribute()方法

    通过元素节点的属性名称获取属性的值。

    语法:

    elementNode.getAttribute(name)

    说明:

    1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。

    2. name:要想查询的元素节点的属性名字

    看看下面的代码,获取h1标签的属性值:

    运行结果:

    h1标签的ID :alink
    h1标签的title :getAttribute()获取标签的属值

    任务

    试一试,使用getAttribute()方法,完成下面的任务:

    在第20行补充代码,使用getAttribute()方法,获取LI标签的title值。

     

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>getAttribute()</title>
    </head>
    <body>
    <p id="intro">课程列表</p>
    <ul>
    <li title="第1个li">HTML</li>
    <li>CSS</li>
    <li title="第3个li">JavaScript</li>
    <li title="第4个li">Jquery</li>
    <li>Html5</li>
    </ul>
    <p>以下为获取的不为空的li标签title值:</p>
    <script type="text/javascript">
    var con=document.getElementsByTagName("li");
    for (var i=0; i< con.length;i++){
    var text=con[i].getAttribute("title");
    if(text!=null)
    {
    document.write(text+"<br>");
    }
    }
    </script>
    </body>
    </html>

  • 相关阅读:
    获取当前3Ds MAX版本
    获取贴图及IES文件
    有关默认相机转VR相机
    c++_成员函数回调
    c++_获取系统安装字体
    文件替换子字符串
    随机数
    冒泡排序,前面几个没有排序
    vc_CONTAINING_RECORD使用
    可用软件产品密钥
  • 原文地址:https://www.cnblogs.com/codepen2010/p/6904050.html
Copyright © 2020-2023  润新知