getAttribute 与 setAttribute

最新推荐文章于 2022-09-22 11:50:53 发布

宛少女

最新推荐文章于 2022-09-22 11:50:53 发布

阅读量476

点赞数 1

分类专栏： DOM对象 JS

JS 同时被 2 个专栏收录

21 篇文章

订阅专栏

DOM对象

9 篇文章

订阅专栏

本文介绍了JavaScript中如何使用setAttribute和getAttribute方法来设置和获取HTML元素的属性值。通过实例展示了这两种方法的具体应用，包括创建带有特定属性的a标签及设置input标签的value属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setAttribute ：设置属性值

getAttribute ：取出值

赋值....setAttribute("a","1") 将1赋值给a

取值....getAttribute("a") 取出a的值，为1

1.setAttribute 设置属性值

eg1：注意：a标签没有value属性，因此设置文本节点，用innerHTML

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
    var main = document.body;
    //创建链接
    // function createa(url,text)
    // {
    //     var a = document.createElement("a");
    //     a.href = url;
    //     a.innerHTML = text;
    //     a.style.color = "red";
    //     main.appendChild(a);
    // }
     function createa(url,text)
    {
        var a = document.createElement("a");
        a.setAttribute("href","url");
        // a.innerHTML = text;
        ahref.setAttribute("innerHTML","text");
        a.style.color = "red";
        main.appendChild(a);
    }
    // 调用函数创建链接
    createa("http://www.imooc.com","慕课网");

</script>
</body>
</html>

eg2： input标签有value属性，则可用setAttribute