JS getAttribute和setAttribute(取得和设置属性)的使用介绍

 更新时间:2013年07月10日 12:10:19   作者:  
本篇文章是对JS中的getAttribute和setAttribute(取得和设置属性)的使用进行了详细的分析介绍,需要的朋友可以参考下

getAttribute:取得属性;
setAttribute:设置属性;

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Untitled Document</title>
        <script language="JavaScript">
            function change() {
                var input = document.getElementById("li1");
                alert(input.getAttribute("title"));
                input.setAttribute("title", "mgc");
                alert(input.getAttribute("title"));
            }
        </script>
    </head>
    <body>
        <ul id="u">
            <li id="li1" title="hello">Magci</li>
            <li>J2EE</li>
            <li>Haha!</li>
        </ul>
        <input type="button" value="Change" onClick="change();" />
    </body>
</html>

相关文章

  • webpack项目轻松混用css module的方法

    webpack项目轻松混用css module的方法

    这篇文章主要介绍了webpack项目轻松混用css module的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • ajax请求前端跨域问题原因及解决方案

    ajax请求前端跨域问题原因及解决方案

    这篇文章主要为大家介绍了ajax请求前端跨域问题原因及解决方案,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步
    2021-10-10
  • JavaScript中new操作符使用详解

    JavaScript中new操作符使用详解

    new操作符是JavaScript中创建对象实例的重要方式,理解new操作符的工作原理对于掌握JavaScript的面向对象编程至关重要,本文将详细介绍new操作符的原理及实现,感兴趣的小伙伴跟着小编一起来看看吧
    2024-11-11
  • 在 JavaScript 中保留小数点后两位的方法

    在 JavaScript 中保留小数点后两位的方法

    在 JavaScript 中,有多种方法可以保留小数点后两位,本文给大家分享比较常用的方法,文末给大家介绍了实现数据格式化保留两位小数的多种方法,感兴趣的朋友一起看看吧
    2023-10-10
  • uni-app集成使用SQLite数据库的方法步骤

    uni-app集成使用SQLite数据库的方法步骤

    这篇文章主要介绍了uni-app集成使用SQLite数据库的相关资料,包括勾选SQLite选项、封装sqlite.js文件以及在使用时注意的事项,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2025-01-01
  • JavaScript MutationObserver实例讲解

    JavaScript MutationObserver实例讲解

    MutationObserver用来监视DOM变动。DOM的任何变动,比如节点增减、属性的变动、文本内容的变动都会触发MutationObserver事件,它与事件有一个本质不同:事件是同步触发,MutationObserver则是异步触发,DOM的变动并不会马上触发,而是要等到当前所有DOM操作都结束才触发
    2022-12-12
  • JavaScript中的私有成员

    JavaScript中的私有成员

    JavaScript中的私有成员...
    2006-09-09
  • JavaScript 随机验证码的生成实例代码

    JavaScript 随机验证码的生成实例代码

    这篇文章主要介绍了JavaScript 随机验证码的生成实例代码的相关资料,需要的朋友可以参考下
    2016-09-09
  • 微信小程序实现底部导航

    微信小程序实现底部导航

    这篇文章主要为大家详细介绍了微信小程序自定义底部导航,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • window.open()实现post传递参数

    window.open()实现post传递参数

    本文主要向大家介绍了如何使用window.open()实现post传递参数的方法,思路是参考的一位网友的,然后根据自己的项目需求做了些调整,这里同样分享给大家,希望对大家能够有所帮助。
    2015-03-03

最新评论