核心DOM- Element：元素对象

Posted rijiyuelei

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了核心DOM- Element：元素对象相关的知识，希望对你有一定的参考价值。

Element：元素对象，标签对象，枝叶

创建

通过document获取和创建

方法

①removeAttribute()：删除属性

②setAttribute()：设置属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a>点我试试</a>
<input id="set" type="button" value="设置属性">
<input id="remove" type="button" value="删除属性">
<script>
    //获取按钮
    var set = document.getElementById("set");
    set.onclick=function () {
        //1.获取a标签
        var a = document.getElementsByTagName("a")[0];
        a.setAttribute("href","https://cn.bing.com/?FORM=Z9FD1");
    }

    //获取按钮
    var remove = document.getElementById("remove");
    remove.onclick=function () {
        //1.获取a标签
        var a = document.getElementsByTagName("a")[0];
        a.removeAttribute("href");
    }

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

 

以上是关于核心DOM- Element：元素对象的主要内容，如果未能解决你的问题，请参考以下文章

DOM探索之基础详解——学习笔记

核心DOM-Document：文档对象

jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段

Raphael JS：如何从 Dom 对象（Element.node）中获取 Raphael 元素？

JavaScript学习 - 基础 - DOM操作

DOM-Element（） 对象